كيفية تنفيذ DateFilter في AngularJS مع أمثلة

ستزودك هذه المقالة بمعرفة مفصلة وشاملة للطرق المختلفة لتطبيق DateFilter في AngularJS.

نحتاج في بعض الأحيان إلى التحقق من التاريخ لأي سبب معين. ما يحدث هو أنه في بعض الأحيان يكون بالتنسيق الذي نريده وأحيانًا لا يكون كذلك. لذلك في مقال tis سنناقش DateFilter في في الترتيب التالي:

ما هو DateFilter في AngularJS؟

يمكننا استخدام مرشح التاريخ AngularJS لتحويل التاريخ إلى تنسيق محدد. تنسيق التاريخ الافتراضي في حالة عدم وجود مواصفات هو 'MMM d، yyyy'.





بناء الجملة:

{ تاريخ }



وتجدر الإشارة إلى أن المنطقة الزمنية ومعلمات التنسيق اختيارية.

القيم الشائعة المستخدمة في الشكل

  • 'YYYY' - تحديد العام السابق. 2018



  • 'YY' - تحديد العام السابق. 18

  • 'نعم' - تحديد العام السابق. 2018

  • 'ش ش ش' - تحديد الشهر على سبيل المثال. مارس

  • 'ش ش ش' - تحديد الشهر على سبيل المثال. مارس

  • 'مم' - تحديد الشهر على سبيل المثال. 03

  • 'دد' - تحديد اليوم السابق. 08

  • 'د' - تحديد اليوم السابق. 8

  • 'ح ح' - تحديد الساعة في صباحًا / مساءً

  • 'ح' - تحديد الساعة في صباحًا / مساءً

  • 'مم' - تحديد الدقيقة

  • 'م' - تحديد الدقيقة

  • 's' - تعريف الثاني

  • 'س' - تعريف الثاني

القيم المحددة مسبقًا المستخدمة بالشكل

  • 'قصيرة' - ما يعادل 'M / d / yy h: mm a'

  • 'متوسط' - ما يعادل 'MMM d، y h: mm: ss a'

  • 'التاريخ القصير' - ما يعادل 'M / d / yy' (6/8/18)

  • 'تاريخ متوسط' - ما يعادل 'MMM d، y' (7 نيسان (أبريل) 2018)

  • 'LongDate' - ما يعادل 'MMMM d، y' (7 نيسان (أبريل) 2019)

  • 'تاريخ كامل' - ما يعادل 'EEEE، MMMM d، y' (السبت 7 أبريل 2018)

  • 'وقت قصير' - ما يعادل 'h: mm a' (4:20 صباحًا)

  • 'متوسط ​​الوقت' - ما يعادل 'h: mm: ss a' (4:20:05 صباحًا)

مثال:

مرشح التاريخ

{ اليوم }

var app = angular.module ('firstApp'، [])

app.controller ('firstCntrl'، function ($ range) {

$ domain.today = تاريخ جديد ()

})

انتاج:

10.09.2019

مثال:

لعرض الوقت بتنسيق معين ، نستخدم الكود التالي:

مثال لتصفية التاريخ

{التاريخ: 'mediumTime'}

var app = angular.module ('firstApp'، [])

app.controller ('firstCntrl'، function ($ range) {

$ domain.today = تاريخ جديد ()

})

انتاج:

11:08:11 ص

مثال:

لعرض التاريخ بتنسيق معين ، نستخدم الكود التالي:

مثال لتصفية التاريخ

كل الحقوق محفوظة | ichlese.at | سياسة خاصة