JavaScript: التواريخ في JavaScript

آخر تحديث: 2026-10-13

تستخدم JavaScript كائن Date للعمل مع التواريخ والأوقات. فكّر فيه كـ ساعة رقمية — يعرض الوقت الحالي، يتيح لك تعيين أي لحظة، ويمكنه حساب الفرق بين وقتيين.

دوال التاريخ ذات صلة：getFullYear() toISOString() getMonth() getHours() Date.now() getDate() getDay() Date set

1. إنشاء والتعامل مع كائنات Date

أربع طرق شائعة لإنشاء Date:

<script>
console.log(new Date());                      // التاريخ والوقت الحاليان
console.log(new Date("2025-06-19"));          // سلسلة تاريخ
console.log(new Date(2025, 5, 19, 10, 30, 0)); // سنة، شهر، يوم، ساعات، دقائق، ثواني
console.log(new Date(1718764800000));         // طابع زمني (ميلي ثانية)
</script>

مشكلة كبيرة: الأشهر تبدأ من الصفر! 0 = يناير، 11 = ديسمبر. في new Date(2025, 5, 19)، الرقم 5 يعني يونيو وليس مايو. هذه arguably أكثر قرار تصميم انتُقد في كائن Date — على الإطلاق.

(2) الحصول على التاريخ والوقت

getDay() تُرجع يوم الأسبوع وليس يوم الشهر — استخدم getDate() لذلك. المبتدئون كثيراً ما يخلطون بينهما.

(3) تعيين التاريخ والوقت

توجد مجموعة مطابقة من طرق set: setFullYear()، setMonth()، setDate()، setHours()، setMinutes()، setSeconds(). القيم تتدحرج تلقائياً عند التعيين:

<script>
const d = new Date(2025, 5, 19);
d.setDate(32); // تصبح تلقائياً 2 يوليو
console.log(d.toLocaleDateString());
</script>

(4) تنسيق التواريخ

هذه الطرق تنسق تلقائياً بناءً على إعدادات_locale للمتصفح.

(5) الطوابع الزمنية وحساب فروقات الوقت

الطابع الزمني هو عدد المليلي ثواني المنقضية منذ 1 يناير 1970 00:00:00 UTC.

<script>
console.log(Date.now());           // الحصول على الطابع الزمني الحالي
console.log(new Date().getTime()); // نفس ما فوق
</script>

النهج الأساسي لحساب فروقات الوقت: طرح طابعين زمنيين للحصول على الفرق بالمليلي ثانية، ثم التحويل:

<script>
const start = Date.now();
for (let i = 0; i < 1000000; i++) {} // محاكاة بعض العمليات
const end = Date.now();
const diff = end - start;        // ميلي ثانية
const diffSeconds = diff / 1000; // ثواني
console.log("الوقت المنقضي: " + diff + "مللي ثانية (" + diffSeconds + " ثانية)");
</script>

▶ مثال: عرض التاريخ والوقت الحاليين

▶ مثال: تفاصيل معلومات التاريخ

▶ مثال: مؤقت تنازلي

▶ مثال: حاسبة فرق التاريخ

دوال التاريخ ذات صلة：getFullYear() toISOString() getMonth() getHours() Date.now() getDate() getDay() Date set

❓ أسئلة شائعة

📖 ملخص

• أنشئ كائنات Date بـ new Date()، new Date(2024, 0, 1)، أو new Date("2024-01-01")
• دوال الجلب: getFullYear/getMonth/getDate/getDay/getHours/getMinutes/getSeconds
• دوال التعديل تغير كائن Date مباشرة
• تنسيق التواريخ بـ toLocaleDateString()، toISOString()، أو الربط اليدوي
• الطوابع الزمنية بالمللي ثانية؛ استخدم Date.now() للطابع الحالي

📝 تمارين

1. اكتب دالة formatDate(date) تُعيد سلسلة بالشكل "YYYY-MM-DD (يوم الأسبوع)". تأكد أن الأشهر والأيام تت padding بأصفار.
2. اكتب دالة getAge(birthday) تستقبل سلسلة تاريخ (مثل "2000-03-15") وتُعيد العمر الحالي بالسنوات الكاملة.
3. ابني ميزة "وقت سابق": بتواريخ تاريخ الماضي، اعرض "منذ X سنوات، X أشهر، X أيام" أو "منذ X أيام" أو "منذ X ساعات" — مع اختيار التنسيق المناسب تلقائياً بناءً على فرق الوقت.

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

من نحن