نحتاج في بعض الأحيان إلى التحقق من التاريخ لأي سبب معين. ما يحدث هو أنه في بعض الأحيان يكون بالتنسيق الذي نريده وأحيانًا لا يكون كذلك. لذلك في مقال 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 ص
مثال:
لعرض التاريخ بتنسيق معين ، نستخدم الكود التالي:
مثال لتصفية التاريخ
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{ اليوم}
var app = angular.module ('firstApp'، [])
app.controller ('firstCntrl'، function ($ range) {
$ domain.today = تاريخ جديد ()
})
انتاج:
كيفية استخدام منصة جوجل كلاود
10 سبتمبر 2019
لفهم أفضل ، دعنا نلقي نظرة على المثال التالي:
مثال:
تاريخ AngularJs السابق
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = angular.module ('firstApp'، [])
app.controller ('firstctrl'، function ($ range) {
$ scale.mydate = تاريخ جديد ()
})
أدخل رقم:
التاريخ بتعبير قصير: {date: 'short'}
التاريخ مع تعبير التاريخ الوسيط: {mydate}
التاريخ مع yyyy-mm-dd hh: mm: ss expression: {mydate}
التاريخ مع yyyy-mm-dd hh: mm: ss expression: {mydate}
انتاج:
بهذا نكون قد وصلنا إلى نهاية مقالة Datefilter هذه في AngularJS. أتمنى أن تكون قد فهمت الجوانب المختلفة لمرشحات التاريخ.
جتحقق من من Edureka ، وهي شركة تعليمية موثوقة عبر الإنترنت مع شبكة تضم أكثر من 250000 متعلم راضٍ منتشرين في جميع أنحاء العالم. Angular هو إطار عمل JavaScript يُستخدم لإنشاء تطبيقات ويب قابلة للتطوير ومؤسسة وأداء من جانب العميل. مع اعتماد إطار العمل الزاوي عاليًا ، فإن إدارة أداء التطبيق مدفوعة من المجتمع بشكل غير مباشر يقود فرص عمل أفضل. يهدف تدريب Angular Certification إلى تغطية كل هذه المفاهيم الجديدة حول تطوير تطبيقات المؤسسة.