تنسيق التواريخ
اعرضوا التواريخ باستخدام خيارات toLocaleDateString.
تنسيق التواريخ درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 4 دروس في المجموع.
تنسيق التواريخ
توفر JavaScript عدة طرق مضمّنة لتحويل التاريخ إلى نص قابل للقراءة، بدءًا من الناتج المراعي للإعدادات المحلية ووصولًا إلى سلاسل ISO الموحّدة.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString())toISOString
يعيد toISOString سلسلة موحّدة بالتوقيت العالمي المنسق UTC، وهي مثالية للتخزين وتبادل البيانات لأنها غير ملتبسة.
const d = new Date(Date.UTC(2024, 0, 15, 10, 30, 0))
console.log(d.toISOString())اقتطاع سلسلة ISO
تضع سلسلة ISO التاريخ أولًا، لذا يمكنك اقتطاع الأحرف العشرة الأولى للحصول على تاريخ التقويم فقط.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))toLocaleDateString
ينسّق toLocaleDateString جزء التاريخ باستخدام إعدادات محلية، وينتج تنسيقًا مناسبًا للمنطقة.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { timeZone: "UTC" })
console.log(typeof text)وسيطة الإعدادات المحلية
الوسيطة الأولى هي وسم إعدادات محلية مثل en-US أو de-DE، وهو ما يغير ترتيب التاريخ المنسق وفواصله.
const d = new Date(Date.UTC(2024, 0, 15))
const us = d.toLocaleDateString("en-US", { timeZone: "UTC" })
const iso = d.toISOString().slice(0, 10)
console.log(typeof us, iso)خيارات التنسيق
يتيح لك كائن الخيارات اختيار طريقة ظهور كل جزء، مثل اسم شهر طويل أو عام رقمي.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric", timeZone: "UTC" })
console.log(typeof text)toLocaleTimeString
ينسّق toLocaleTimeString جزء الوقت فقط، مع مراعاة الإعدادات المحلية وأي خيارات تقدمها.
const d = new Date(Date.UTC(2024, 0, 15, 14, 5, 0))
const text = d.toLocaleTimeString("en-US", { timeZone: "UTC" })
console.log(typeof text)toLocaleString
يجمع toLocaleString التاريخ والوقت معًا في سلسلة واحدة محلية التنسيق.
const d = new Date(Date.UTC(2024, 0, 15, 9, 0, 0))
const text = d.toLocaleString("en-US", { timeZone: "UTC" })
console.log(typeof text)toDateString
يعيد toDateString تاريخًا إنجليزيًا ثابت التنسيق وسهل القراءة من دون خيارات محلية، وهو مفيد للتسجيل السريع.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof d.toDateString())Intl.DateTimeFormat
للتنسيق المتكرر، ينشئ Intl.DateTimeFormat كائن منسّقًا قابلًا لإعادة الاستخدام، وهو أكثر كفاءة من استدعاء الطرق المحلية مرات عديدة.
const fmt = new Intl.DateTimeFormat("en-US", { timeZone: "UTC", dateStyle: "medium" })
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof fmt.format(d))اختيار التنسيق
استخدم سلاسل ISO للتخزين وواجهات برمجة التطبيقات، واستخدم الطرق المحلية لعرض البيانات للمستخدمين وفق مناطقهم. حافظ على فصل هذين الغرضين.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))اختبار سريع
اختبر معرفتك بالتنسيق.
مراجعة
مراجعة: اختر طريقة التنسيق المناسبة للمهمة.
- استخدم toISOString للتخزين وواجهات برمجة التطبيقات
- استخدم toLocaleDateString والطرق المشابهة لعرض البيانات للمستخدم
- تتحكم الخيارات في أسماء الأشهر وأنماط الأرقام
- يتميز Intl.DateTimeFormat بالكفاءة عند تكرار التنسيق
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))الأسئلة الشائعة
هل درس «تنسيق التواريخ» مجاني؟
نعم — نص درس «تنسيق التواريخ» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 4 دروس في المجموع.
ماذا ستتعلم في «تنسيق التواريخ»؟
اعرضوا التواريخ باستخدام خيارات toLocaleDateString. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟
لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «تنسيق التواريخ»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟
نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.