0Pricing
JavaScript Academy · درس

تنسيق التواريخ والأوقات

اعرضوا التواريخ باستخدام Intl.DateTimeFormat.

تنسيق التواريخ والأوقات درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 4 دروس في المجموع.

Intl.DateTimeFormat

تنسّق Intl.DateTimeFormat كائنات Date وفق locale، فتغنيكم عن إنشاء السلاسل النصية يدويًا بطريقة هشة.

const dtf = new Intl.DateTimeFormat("en-US");
console.log(dtf.format(new Date("2026-05-29"))); // "5/29/2026"

اختلافات locale

يختلف ترتيب التاريخ حسب المنطقة: ففي الولايات المتحدة يأتي الشهر/اليوم/السنة، بينما يأتي في معظم أوروبا اليوم/الشهر/السنة.

const d = new Date("2026-05-29");
console.log(new Intl.DateTimeFormat("en-US").format(d)); // 5/29/2026
console.log(new Intl.DateTimeFormat("en-GB").format(d)); // 29/05/2026

إعدادات نمط التاريخ

يوفّر dateStyle إعدادات "full" و"long" و"medium" و"short" لإخراج سريع وسهل القراءة.

const d = new Date("2026-05-29");
console.log(new Intl.DateTimeFormat("en-US", { dateStyle: "full" }).format(d));
// "Friday, May 29, 2026"

نمط الوقت

يعمل timeStyle بالطريقة نفسها مع جزء الوقت، ويمكن دمجه مع dateStyle.

const d = new Date("2026-05-29T14:30:00");
console.log(new Intl.DateTimeFormat("en-US", { dateStyle: "medium", timeStyle: "short" }).format(d));
// "May 29, 2026, 2:30 PM"

خيارات المكوّنات المخصصة

للحصول على تحكم دقيق، حدّدوا المكوّنات مثل year وmonth وday وweekday كلٌّ على حدة.

const d = new Date("2026-05-29");
const f = new Intl.DateTimeFormat("en-US", { weekday: "long", year: "numeric", month: "long", day: "numeric" });
console.log(f.format(d)); // "Friday, May 29, 2026"

تنسيقات الشهر

يقبل month القيم "numeric" و"2-digit" و"short" و"long" و"narrow".

const d = new Date("2026-05-29");
console.log(new Intl.DateTimeFormat("en-US", { month: "long" }).format(d));  // "May"
console.log(new Intl.DateTimeFormat("en-US", { month: "short" }).format(d)); // "May"

نظام 12 ساعة أم 24 ساعة

يتجاوز hour12: true/false الإعداد الافتراضي لـ locale لتنسيق الساعة.

const d = new Date("2026-05-29T20:05:00");
console.log(new Intl.DateTimeFormat("en-US", { hour: "numeric", minute: "2-digit", hour12: false }).format(d));
// "20:05"

المناطق الزمنية

مرّروا اسمًا من IANA إلى timeZone لعرض التاريخ في أي منطقة زمنية، بصرف النظر عن المنطقة الزمنية المحلية لبيئة التشغيل.

const d = new Date("2026-05-29T12:00:00Z");
console.log(new Intl.DateTimeFormat("en-US", { timeStyle: "long", timeZone: "Asia/Tokyo" }).format(d));

formatToParts

تعيد formatToParts مصفوفة من الرموز ذات الأنواع، ما يتيح لكم تنسيق الأجزاء الفردية أو إعادة ترتيبها.

const parts = new Intl.DateTimeFormat("en-US").formatToParts(new Date("2026-05-29"));
console.log(parts.map((p) => p.type + ":" + p.value).join(" "));

تنسيق النطاقات

تعرض formatRange(start, end) نطاقًا زمنيًا بإيجاز، وتدمج المكوّنات المشتركة.

const f = new Intl.DateTimeFormat("en-US", { month: "short", day: "numeric" });
console.log(f.formatRange(new Date("2026-05-01"), new Date("2026-05-05")));
// "May 1 – 5"

التقاويم غير الغريغورية

يدعم الخيار calendar أنظمة مثل "islamic" و"hebrew" و"japanese".

const d = new Date("2026-05-29");
console.log(new Intl.DateTimeFormat("en-US", { calendar: "japanese", dateStyle: "long" }).format(d));

اختبار سريع

اختبروا تنسيق التواريخ.

مراجعة: التواريخ والأوقات

نسّقتم التواريخ والأوقات باستخدام Intl.DateTimeFormat، واستخدمتم إعدادات dateStyle/timeStyle وخيارات المكوّنات التفصيلية، وتعاملتم مع المناطق الزمنية وساعات 12/24، وformatToParts والنطاقات والتقاويم البديلة. التالي: الوقت النسبي وقواعد الجمع.

الأسئلة الشائعة

هل درس «تنسيق التواريخ والأوقات» مجاني؟

نعم — نص درس «تنسيق التواريخ والأوقات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 4 دروس في المجموع.

ماذا ستتعلم في «تنسيق التواريخ والأوقات»؟

اعرضوا التواريخ باستخدام Intl.DateTimeFormat. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟

لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «تنسيق التواريخ والأوقات»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟

نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. تنسيق الأرقام والعملات
  2. تنسيق التواريخ والأوقات
  3. الوقت النسبي وصيغ الجمع
  4. الفرز المراعي للإعدادات المحلية
← العودة إلى JavaScript Academy