مُرشح تاريخ AngularJS

التعريف والاستخدام

تاريخ يحول المُرشح التاريخ إلى النمط المحدد.

التاريخ يمكن أن يكون كائن تاريخ، عدد مئوي أو سلسلة من تاريخ الوقت، مثل "2016-01-05T09:05:05.035Z".

بالتأكيد، النمط هو "MMM d, y" (Jan 5, 2016).

الصفحات ذات الصلة

دليل AngularJS:مرشحات Angular

مثال

مثال 1

أظهر الرقم بصيغة تاريخ

<div ng-app="myApp" ng-controller="datCtrl">
<p>التاريخ = {{ اليوم | date }}</p>
</div>

جرب بنفسك

مثال 2

اعرض التاريخ باستخدام تنسيق مخصص

<div ng-app="myApp" ng-controller="datCtrl">
<p>تاريخ = {{ today | تاريخ : "dd.MM.y" }}</p>
</div>

جرب بنفسك

مثال 3

اعرض التاريخ باستخدام تنسيق مسبق التعريف

<div ng-app="myApp" ng-controller="datCtrl">
<p>تاريخ = {{ today | تاريخ : "fullDate" }}</p>
</div>

جرب بنفسك

مثال 4

اعرض النصوص والتنسيقات المسبقة التعريفية للتاريخ

<div ng-app="myApp" ng-controller="datCtrl">
<p>تاريخ = {{ today | تاريخ : "'اليوم هو ' MMMM d, y" }}</p>
</div>

جرب بنفسك

مثال 5

ضع تاريخ كـ سلسلة من الأرقام لـ تاريخ和时间:

<div ng-app="">
<p>تاريخ = {{ "2016-01-05T09:05:05.035Z" | تاريخ }}</p>
</div>

جرب بنفسك

النحو

{{ تاريخ | تاريخ : تنسيق : مماثل (9:05:05 ص) }}

المعامل

المعامل وصف
تنسيق

اختياري. يستخدم لعرض تنسيق التاريخ، يمكن أن يكون أيًا من النماذج التالية:

  • "yyyy" السنة (2016)
  • "yy" السنة (16)
  • "y" السنة (2016)
  • "MMMM" الشهر (January)
  • "MMM" الشهر (Jan)
  • "MM" الشهر (01)
  • "M" الشهر (1)
  • "dd" التاريخ (06)
  • "d" التاريخ (6)
  • "EEEE" اليوم (Tuesday)
  • "EEE" اليوم (Tue)
  • "HH" الساعات، 00-23 (09)
  • "H" الساعات، 0-23 (9)
  • "hh" الساعات في AM/PM، 00-12 (09)
  • "h" الساعات في AM/PM، 0-12 (9)
  • "mm" الدقائق (05)
  • "m" الدقائق (5)
  • "ss" الثواني (05)
  • "s" الثواني (5)
  • "sss" اللحظات (035)
  • "a" (AM/PM)
  • "Z" منطقة الزمنية (-1200 إلى +1200)
  • "ww" الأسابيع (00-53)
  • "w" الأسابيع (0-53)
  • "G" العصر (AD)
  • "GG" العصر (AD)
  • "GGG" العصر (AD)
  • "GGGG" العصر (بعد الميلاد)

يمكن أن تكون قيمة التنسيق أيًا من النماذج المسبقة التعريفية التالية:

  • "قصير" "mediumTime" "M/d/yy h:mm a" المثل (1/5/16 9:05 صباحاً)
  • "medium" "mediumTime" "medium" "MMM d, y h:mm:ss a"
  • مماثل (Jan 5, 2016 9:05:05 ص) "mediumTime" "shortDate" "M/d/yy"
  • مماثل (1/5/16) "mediumTime" "mediumDate" "MMM d, y"
  • مماثل (Jan 5, 2016) "mediumTime" "longDate" "MMMM d, y"
  • مماثل (January 5, 2016) "mediumTime" "fullDate" "EEEE, MMMM d, y"
  • مماثل (Tuesday, January 5, 2016) "mediumTime" "shortTime" "h:mm a"
  • مماثل (9:05 ص) "mediumTime" مع "h:mm:ss a"
مماثل (9:05:05 ص) timezone