تنسيق عرض التاريخ محلياً | التاريخ والوقت في JavaScript

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

بدلاً من تركيب نصوص الأيام والأشهر يدوياً، توفر المتصفحات الحديثة تنسيقاً محلياً احترافياً عبر date.toLocaleDateString() أو الواجهة القياسية السريعة new Intl.DateTimeFormat(locale, options) التي تدعم أسماء الأشهر والتقاويم بالعربية والإنجليزية تلقائياً!

الصف 2 كود برمجي

JavaScript

const eventDate = new Date('2026-11-06T12:00:00Z');
const enFmt = new Intl.DateTimeFormat('en-US', {
  dateStyle: 'long',
  timeZone: 'UTC',
});
document.getElementById('loc-out').textContent =
  `Event: ${enFmt.format(eventDate)} | Stamp: ${Date.now() > 0}`;

جرّب بنفسك

الصف 3 ملاحظة هامة

الصف 4 ملاحظة هامة

الصف 5 ملاحظة هامة

الصف 6 ملاحظة هامة

خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

أتقنت في هذا الدرس تمثيل الزمن بالمللي ثانية منذ 1970، وإنشاء كائنات Date بصيغة ISO الآمنة، والتعامل مع فهرسة الأشهر الصفرية، وحساب الفروق الزمنية، واستخدام Date.now()، والتنسيق المحلي عبر Intl.DateTimeFormat. الخطوة التالية: ابدأ الآن الفصل السادس (التحكم في مسار التنفيذ) لتوجيه قرارات البرنامج الشرطية بذكاء!

Localized Formatting Intl Date تنسيق عرض التاريخ محلياً

شرح صفوف ومحتوى الفقرة

ملخص الدرس

ماذا تعلّمت في هذا الدرس؟

جميع فقرات هذا الدرس (التاريخ والوقت في JavaScript)