سيشرح هذا المقال طرق عرض التاريخ والوقت بتنسيق 12 ساعة صباحًا / مساءً بجافا سكريبت.
كيفية عرض DateTime بتنسيق 12 ساعة ص / م بجافا سكريبت؟
يمكن تطبيق الأساليب التالية لعرض التاريخ والوقت بتنسيق 12 ساعة صباحًا / مساءً في JavaScript:
- ' toLocaleString () ' طريقة.
- ' toLocaleTimeString () ' طريقة.
- ' في النسق ' دور.
المقاربة 1: عرض DateTime بتنسيق 12 ساعة صباحًا / مساءً في JavaScript باستخدام طريقة toLocaleString ()
ال ' toLocaleString () 'طريقة إرجاع كائن تاريخ في شكل سلسلة. يمكن تطبيق هذه الطريقة لإرجاع الوقت الحالي بتنسيق اللغة الأمريكية.
بناء الجملة
تاريخ . toLocaleString ( محلي و والخيارات )
في النحو المحدد ،
- ' محلي 'يشير إلى تنسيق اللغة المحدد.
- ' والخيارات 'يشير إلى الكائن الذي يمكن تخصيص الخصائص له.
مثال
أولاً ، قم بإنشاء كائن تاريخ جديد باستخدام ' موعد جديد() ' البناء:
الآن ، قم بتطبيق ' toLocaleString () 'الطريقة التي تحتوي على' نحن 'اللغة والقيم المعينة للوقت كمعلماتها. هنا، ' الساعة 12 'يشير إلى أنه سيتم عرض الساعة بتنسيق 12 ساعة. سينتج عن ذلك عرض الوقت الحالي بتنسيق الوقت الأمريكي:
وحدة التحكم. سجل ( زمن. toLocaleString ( 'فينا' و { ساعة : 'رقمية' و اللحظة : 'رقمية' و الساعة 12 : حقيقي } ) ) ؛
انتاج |
الطريقة 2: عرض DateTime بتنسيق 12 ساعة صباحًا / مساءً في JavaScript باستخدام طريقة toLocaleTimeString ()
ال ' toLocaleTimeString () 'طريقة إرجاع الفترة الزمنية لعنصر تاريخ كسلسلة. يمكن تطبيق هذه الطريقة بشكل مشابه لطريقة toLocaleString () بإعادة الوقت الافتراضي مقابل التاريخ المحدد.
مثال
في المثال التالي ، وبالمثل ، قم بإنشاء كائن تاريخ جديد باستخدام ' موعد جديد() 'المُنشئ وحدد التاريخ التالي كمعلمة في تسلسل' عام '،' شهر ' و ' يوم ' على التوالى.
بعد ذلك ، قم بتطبيق ' toLocaleTimeString () 'بتنسيق الوقت المحدد كمعامل لها كما تمت مناقشته في الطريقة السابقة:
مقدار ثابت التاريخ والوقت = الجديد تاريخ ( 2022 و 1 و 1 ) . toLocaleTimeString ( 'فينا' و {ساعة : 'رقمية' و اللحظة : 'رقمية' و الساعة 12 : حقيقي
} )
أخيرًا ، اعرض الوقت المقابل الناتج عن الوقت الافتراضي فيما يتعلق بالتاريخ المحدد:
وحدة التحكم. سجل ( التاريخ والوقت ) ؛انتاج |
الأسلوب 3: عرض DateTime بتنسيق 12 ساعة صباحًا / مساءً في JavaScript باستخدام الوظيفة المضمنة
يمكن تنفيذ هذا الأسلوب لتطبيق عامل شرطي على تنسيق am / pm.
يوضح المثال الوارد أدناه المفهوم المذكور.
مثال
مقدار ثابت التاريخ والوقت = ( تاريخ ) => {دعونا ساعات = تاريخ. getHours ( ) ؛
دع دقائق = تاريخ. getMinutes ( ) ؛
اسمحوا ا ف ب = ساعات > = 12 ؟ 'مساءً' : 'صباحا' ؛
ساعات = ساعات ٪ 12 ؛
ساعات = ساعات ؟ ساعات : 12 ؛
الدقائق = الدقائق. إلى سلسلة ( ) . المسار ( اثنين و '0' ) ؛
دعنا نذهب = ساعات + ':' + الدقائق + ' + ا ف ب ؛
إرجاع mergeTime ؛
}
وحدة التحكم. سجل ( التاريخ والوقت ( الجديد تاريخ ( 2022 و 1 و 1 ) ) ) ؛
في الكود الموضح أعلاه:
- أولاً ، حدد ' في النسق 'الوظيفة المسماة' dateTime () '. ستأخذ هذه الوظيفة كائن تاريخ كمعامل لها.
- ال ' getHours () '، في الخطوة التالية ، ستعيد الساعة الحالية بتنسيق 24 ساعة في الوظيفة.
- وبالمثل ، فإن ' getMinutes () ”لاسترداد الدقائق الحالية.
- بعد ذلك ، أنشئ متغيرًا باسم ' ا ف ب 'وضبطه على am أو pm فيما يتعلق بقيمة الساعات.
- في الخطوة التالية ، قم بتحويل الساعات إلى تنسيق ' 12 ساعة 'بمساعدة' ٪ 'للحصول على الباقي عند القسمة على 12.
- في الكود الإضافي ، قم بتطبيق ' إلى سلسلة() 'لتحويل الدقائق المحسوبة إلى سلسلة واستخدام' pathStart () 'لتضمين السلسلة المحولة بـ 0 إذا كانت رقمًا واحدًا فقط.
- أخيرًا ، ادمج الوقت المحسوب عن طريق إضافة الساعات والدقائق المحسوبة والصيغة (صباحًا / مساءً) على التوالي وعرضها:
انتاج |
لقد انتهينا من الأساليب التي يمكن استخدامها لعرض التاريخ والوقت بتنسيق 12 ساعة صباحًا / مساءً في JavaScript.
استنتاج
ال ' toLocaleString () 'طريقة' toLocaleTimeString () 'أو' في النسق 'لعرض التاريخ والوقت بتنسيق 12 ساعة صباحًا / مساءً بجافا سكريبت. يمكن اختيار الطريقة الأولى لعرض الوقت الحالي بتنسيق الوقت المحدد ، ويمكن تطبيق طريقة toLocaleTimeString () لإرجاع الوقت الافتراضي فيما يتعلق بالتاريخ المحدد بتنسيق الوقت المحدد ويمكن تنفيذ الوظيفة المضمنة للتطبيق عامل تشغيل شرطي إلى تنسيق am / pm. جمعت هذه الكتابة الأساليب لعرض التاريخ والوقت بتنسيق 12 ساعة صباحًا / مساءً في JavaScript.