تاريخ (Date) في جافا سكربت

وقت وتاريخ JavaScript

يستخدم كائن تاريخ JavaScript معالجة التواريخ.

قد ترغب في إنشاء موقع ويب يحتوي على تقويم، جدول وقت السفر أو واجهة لتحديد مواعيد اللقاءات باستخدام JavaScript.

هذه التطبيقات تحتاج إلى عرض الوقت المناسب بناءً على منطقة الوقت الحالية للمستخدم.

Tue Aug 11 2020 22:34:40 GMT+0800 (China Standard Time)

كائن تاريخ

كائن تاريخانه جزء من كائنات JavaScript المدمجة لتحديد التاريخ والوقت.

انه يقدم العديد من الطرق المدمجة لتنسيق وإدارة البيانات.

كائن التاريخ تم إنشاؤه باستخدام بناء new Date().

let now = new Date(); // تعيين المتغير الحالي إلى تاريخ وموعد الحالي

بافتراض افتراضي، سيستخدم JavaScript منطقة الوقت الخاصة بالمتصفح ويظهر التاريخ كنص كامل.

إنشاء كائن تاريخ

هناك أربعة طرق لإنشاء كائنات تاريخ جديدة.

يمكنك استخدام أي من الجمل التالية لإنشاء كائن Date باستخدام بناء new Date().

　　new Date();
　　new Date(milliseconds);
　　new Date(dateString);
　　new Date(year, month, day, hours, minutes, seconds, milliseconds);

new Date()

في new Date() يتم إنشاء كائن تاريخ جديد يحتوي على تاريخ وموعد الحالي:

let d = new Date();

new Date(milliseconds)

new Date(milliseconds) سيتم إنشاء كائن تاريخ جديد، والذي سيكون وقت الصفر إضافة إلى الميللي ثانية:

let d = new Date(0);

JavaScript يستخدم علامة التوقيت من Unix Time لفهم التاريخ، التي تتكون من عدد الميللي ثانية التي مرت من منتصف الليل من 1970년 1월 1日起.

1970년 1월 1일에 252 4600000000 ميللي ثانية إضافة إلى حوالي 2050년 1월 1일:

let d = new Date(2524600000000);

new Date(dateString)

new Date(dateString) تم إنشاء كائن تاريخ جديد من سلسلة النصوص التاريخية:

let d = new Date("يوليو 30 1992 18:30");

new Date(year, month, ...)

سيتم إنشاء كائن تاريخ جديد يحتوي على تاريخ وموعد محدد: new Date(year, month, ...)

سبعة أرقام معينة تعين السنة، الشهر، اليوم، الساعة، الدقيقة، الثانية والجزء من الثانية (بالترتيب المحدد):

let d = new Date(2019, 0, 26, 10, 40, 30, 0);

في المثال السابق، تم تعيين الثواني والجزء من الثانية إلى 30 و0.

إذا كان هناك أي نقص في إنشاء التاريخ، فإن القيمة الافتراضية هي 0.

لكن لا يمكن تغيير الترتيب، لذا تذكر هذا إذا قررت التغيب عن رقم.

قد لاحظت أيضًا أن شهر يناير تمثل به 0 بدلاً من العادة 1.

هذا لأن أرقام التاريخ والوقت تبدأ من 0، مثل معظم الحسابات في البرمجة.

يبدأ الشهر في JavaScript من 0 إلى 11. يناير هو 0، ديسمبر هو 11.

طرق التاريخ

عند إنشاء كائن Date، يمكنك استخدام العديد من الطرق لمعالجته.

باستخدام طرق التاريخ، يمكنك استخدام الوقت المحلي أو UTC (العالمي أو GMT) لالحصولوإعدادالتاريخ، السنة، الشهر، اليوم، الساعة، الدقيقة، الثانية والجزء من الثانية.

استرجاع (الحصول) التاريخ

بعد الحصول على كائن التاريخ، يمكنك استخدام العديد من الطرق المدمجة لاستكشاف جميع مكونات التاريخ.

كل هذه الطرق تعود كل جزء من التاريخ بناءً على التوقيت المحلي.

كل هذه الطرق تعودgetالبداية، ويتم العودة بالرقم المطلق.

جدول التالي هو Date الكائنgetجدول الأساليب:

دالة getFullYear()

getFullYear()يستخدم هذا الدالة العودة بالعدد من أربعة أرقام للسنة.

var d = new Date();
d.getFullYear();

دالة getMonth()

getMonth()يستخدم هذا الدالة العودة بالعدد (من 0 إلى 11) لشهر السنة.

var d = new Date();
d.getMonth();

يبدأ الشهر في JavaScript من 0 إلى 11. يناير هو 0، ديسمبر هو 11.

في المثال التالي، يتم حفظ اسم الشهر في متغير month:

var arr = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var d = new Date();
var month = arr[d.getMonth()];

أسلوب getDate()

getDate()يعود الأسلوب بالعدد (1-31) لليوم في الشهر.

var d = new Date();
d.getDate();

أسلوب getDay()

getDay()يعود الأسلوب بالعدد (0-6) لليوم من الأسبوع.

var d = new Date();
d.getDay();

يحسب JavaScript أيام الأسبوع من 0 إلى 6. يوم الأحد هو 0، يوم السبت هو 6.

في المثال أدناه، يخزن المتغير Today اسم التاريخ:

var arr = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var d = new Date();
var today = arr[d.getDay()];

أسلوب getHours()

getHours()يعود الأسلوب الساعات الخاصة بالتاريخ كعدد (0-23)

var d = new Date();
d.getHours();

أسلوب getMinutes()

getMinutes()يعود الأسلوب الدقائق الخاصة بالتاريخ كعدد (0-59)

var d = new Date();
d.getMinutes();

أسلوب getSeconds()

getSeconds()يعود الأسلوب الثواني الخاصة بالتاريخ كعدد (0-59)

var d = new Date();
d.getSeconds();

أسلوب getMilliseconds()

getMilliseconds()يعود الأسلوب ببصمة المليارات (0-999) الخاصة بالتاريخ

var d = new Date();
d.getMilliseconds();

أسلوب getTime()

getTime()يعود الأسلوب getTime() بمليارات من الزمن التي مرت من 1 يناير 1970

var d = new Date();
d.getTime();

يوم (24 ساعة) يقدر بـ 86,400 مليون مليون

تعديل التاريخ(ضبط)

لجميع الأساليب التي تعلمناها في الأعلىgetالأساليب، كل منها لهsetالأساليب.

إذا كنت تستخدمgetلإخراج مكون معين من التاريخ، استخدمsetلتحرير مكونات التاريخ.

جدول التالي هو Date الكائنsetجدول الأساليب:

طريقة setFullYear()

setFullYear()الطريقة تضبط السنة للجسم التاريخي.

var d = new Date();
d.setFullYear(2010);

setFullYear()الطريقة تتيح اختيار تعيين الشهر واليوم.

var d = new Date();
d.setFullYear(2010, 8, 30);

طريقة setMonth()

setMonth()الطريقة تضبط الشهر للجسم التاريخي (من 0 إلى 11).

var d = new Date();
d.setMonth(11);

طريقة setDate()

setDate()الطريقة تضبط اليوم في الشهر للجسم التاريخي (من 1 إلى 31).

var d = new Date();
d.setDate(22);

طريقة setHours()

setHours()الطريقة تضبط الساعات للجسم التاريخي (من 0 إلى 23).

var d = new Date();
d.setHours(18);

طريقة setMinutes()

setMinutes()الطريقة تضبط الدقائق للجسم التاريخي (من 0 إلى 59).

var d = new Date();
d.setMinutes(32);

طريقة setSeconds()

setSeconds()الطريقة تضبط الثواني للجسم التاريخي (من 0 إلى 59).

var d = new Date();
d.setSeconds(24);

طريقة setMilliseconds()

setMilliseconds()الطريقة تضبط عدد الألفيات للجسم التاريخي (من 0 إلى 999).

var d = new Date();
d.setMilliseconds(420);
document.getElementById('result').innerHTML = d.getMilliseconds();

طريقة setTime()

setTime()الطريقة تضبط جسم Date على عدد الألفيات من تاريخ 1 يناير 1970.

var d = new Date();
d.setTime(1542655292087);

استخدام طرق تاريخ UTC

　 　 المناقشة السابقةgetالطريقة للبحث عن مكونات التاريخ بناءً على إعدادات التوقيت المحلي للمستخدم.

لتحديد التاريخ والوقت بشكل أفضل، يمكنك استخدامgetUTCالطريقة، وهي تتطابق مع طرق get تمامًا، ولكن الفرق بينهما هو أنها تcalculate الوقت بناءً على المعيار UTC (الوقت العالمي الموحد).

في الجدول أدناه هو جدول طرق UTC لجسم Date في JavaScript:

للتفريق بين طرق get المحلية و UTC، يمكننا تشغيل الكود التالي:

let now = new Date();
// طباعة الوقت المحلي ووقت UTC (local و UTC)
document.write(now.getHours());
document.write(now.getUTCHours());

سيقوم تشغيل هذا الكود بطباعة الوقت الحالي ووقت UTC. إذا كنت في منطقة UTC، فإن الرقم الذي سيتم إخراجه سيكون نفسه.

مزيد من الأمثلة

في هذا المثال، يعرض جافا سكربت الوقت الحالي.

مرجع تاريخ كامل

للحصول على مرجع كامل للخصائص والطرق، يرجى زيارةمرجع تاريخ JavaScript.

يحتوي الجزء المشار إليه على كل وصف و مثال لخصائص وطرق Date.