جلب التاريخ الحالي في جافا سكريبت

جلب التاريخ الحالي في جافا سكريبت
جلب التاريخ الحالي في جافا سكريبت

فهم كيفية استرداد التاريخ الحالي

في تطوير الويب، يمكن أن يؤدي عرض التاريخ الحالي ديناميكيًا إلى تحسين تجربة المستخدم من خلال توفير معلومات في الوقت الفعلي. جافا سكريبت، كونها لغة متعددة الاستخدامات، تقدم عدة طرق لتحقيق ذلك.

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

يأمر وصف
new Date() يقوم بإنشاء كائن تاريخ جديد يمثل التاريخ والوقت الحاليين.
getFullYear() إرجاع السنة (أربعة أرقام للتواريخ بين 1000 و9999) للتاريخ المحدد.
getMonth() إرجاع الشهر (من 0 إلى 11) للتاريخ المحدد، حيث يمثل 0 يناير و11 يمثل ديسمبر.
getDate() إرجاع اليوم من الشهر (من 1 إلى 31) للتاريخ المحدد.
require('express') يستورد وحدة Express، وهو إطار تطبيق ويب Node.js بسيط ومرن.
app.get() يحدد معالج المسار لطلبات GET إلى مسار محدد، في هذه الحالة، المسار الجذر ('/').
app.listen() يبدأ الخادم ويستمع على منفذ محدد للاتصالات.

تفصيل تفصيلي لوظائف البرنامج النصي

يوضح المثال الأول للبرنامج النصي كيفية جلب التاريخ الحالي باستخدام JavaScript على الواجهة الأمامية. ال new Date() تقوم الدالة بإنشاء كائن تاريخ جديد يمثل التاريخ والوقت الحاليين. يوفر هذا الكائن عدة طرق لاستخراج أجزاء مختلفة من التاريخ، مثل getFullYear(), getMonth()، و getDate(). تقوم هذه الطرق بإرجاع السنة والشهر واليوم من الشهر، على التوالي. ومن خلال دمج هذه القيم، يقوم البرنامج النصي بإنشاء سلسلة تاريخ منسقة. وأخيرا، يتم عرض التاريخ الحالي في وحدة التحكم باستخدام console.log()، وهو أمر مفيد لتصحيح الأخطاء والتحقق من استرجاع التاريخ بشكل صحيح.

يوضح البرنامج النصي الثاني كيفية استرداد التاريخ الحالي على الواجهة الخلفية باستخدام Node.js. يبدأ باستيراد وحدة Express باستخدام require('express')، وهو إطار تطبيق ويب Node.js بسيط ومرن. ثم يحدد البرنامج النصي وظيفة، getCurrentDate()، على غرار ذلك الموجود في مثال الواجهة الأمامية، لإنشاء التاريخ الحالي وتنسيقه. الطريق app.get() يُستخدم للتعامل مع طلبات GET إلى المسار الجذر ('/')، وإرسال التاريخ الحالي كرد. أخيراً، app.listen() يبدأ الخادم ويستمع على منفذ محدد للاتصالات، مما يضمن أن الخادم يعمل وجاهز للتعامل مع الطلبات.

الحصول على التاريخ الحالي باستخدام JavaScript على الواجهة الأمامية

جافا سكريبت البرنامج النصي للواجهة الأمامية

// Function to get the current date
function getCurrentDate() {
  const today = new Date();
  const date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  return date;
}

// Display the current date in the console
console.log("Today's date is: " + getCurrentDate());

استرجاع التاريخ الحالي باستخدام Node.js

البرنامج النصي للواجهة الخلفية Node.js

// Import the date module
const express = require('express');
const app = express();
const port = 3000;

// Function to get the current date
function getCurrentDate() {
  const today = new Date();
  const date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  return date;
}

// Route to display the current date
app.get('/', (req, res) => {
  res.send("Today's date is: " + getCurrentDate());
});

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

معالجة التاريخ المتقدمة في جافا سكريبت

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

جانب آخر مفيد لمعالجة التاريخ في JavaScript هو القدرة على إجراء عمليات حسابية في التواريخ. على سبيل المثال، يمكنك إضافة أو طرح أيام أو أشهر أو سنوات من التاريخ باستخدام طرق مثل setDate(), setMonth()، و setFullYear(). تسمح لك هذه الطرق بتعديل كائن التاريخ وحساب التواريخ المستقبلية أو الماضية، وهو أمر مفيد في التطبيقات التي تحتاج إلى جدولة الأحداث أو المواعيد النهائية.

أسئلة وأجوبة شائعة حول معالجة التاريخ في JavaScript

  1. كيف أقوم بتنسيق التاريخ الحالي في JavaScript؟
  2. يستخدم toLocaleDateString() للتنسيق الخاص بالإعدادات المحلية أو toISOString() لتنسيق قياسي.
  3. كيف يمكنني إضافة أيام إلى تاريخ في JavaScript؟
  4. يستخدم setDate() لإضافة أيام عن طريق تمرير التاريخ الحالي بالإضافة إلى عدد الأيام المراد إضافتها.
  5. هل يمكنني الحصول على الطابع الزمني الحالي في JavaScript؟
  6. نعم استخدم Date.now() للحصول على الطابع الزمني الحالي بالمللي ثانية.
  7. كيف يمكنني مقارنة تاريخين في جافا سكريبت؟
  8. تحويل كلا التاريخين إلى طوابع زمنية باستخدام getTime() ثم قم بمقارنة القيم الرقمية.
  9. كيف يمكنني الحصول على يوم من أيام الأسبوع لتاريخ محدد؟
  10. يستخدم getDay()، والتي تقوم بإرجاع رقم من 0 (الأحد) إلى 6 (السبت).
  11. كيف أقوم بتحليل سلسلة تاريخ في JavaScript؟
  12. يستخدم Date.parse() أو new Date(dateString) لتحويل سلسلة تاريخ إلى كائن تاريخ.
  13. ما هو تنسيق التاريخ الافتراضي في JavaScript؟
  14. تنسيق التاريخ الافتراضي في JavaScript هو تنسيق ISO 8601، وهو YYYY-MM-DDTHH:MM:SSZ.
  15. كيف يمكنني الحصول على عدد المللي ثانية منذ 1 يناير 1970؟
  16. يستخدم getTime() على كائن Date للحصول على عدد المللي ثانية منذ عصر Unix.
  17. هل يمكنني تحديد وقت محدد لتاريخ في JavaScript؟
  18. نعم استخدم setHours(), setMinutes(), setSeconds()، و setMilliseconds() لتعيين قيم زمنية محددة.

الأفكار النهائية حول استرجاع التاريخ في جافا سكريبت

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