כיצד ליישם DateFilter ב- AngularJS עם דוגמאות



מאמר זה יספק לך מידע מקיף מפורט על הדרכים השונות ליישום DateFilter ב- AngularJS.

לעיתים עלינו לבדוק את התאריך מכל סיבה מסוימת. מה שקורה הוא שלפעמים זה במתכונת הרצויה שלנו ולפעמים זה לא. אז במאמר זה נדון ב- DateFilter ב בצו הבא:

מהו DateFilter ב- AngularJS?

אנו יכולים להשתמש במסנן התאריכים AngularJS כדי להמיר תאריך לפורמט מוגדר. תבנית התאריך המוגדרת כברירת מחדל כשאין מפרט היא 'MMM d, yyyy'.





תחביר:

{תאריך}



יש לציין כי אזור הפרמטרים והפורמט הם אופציונליים.

ערכים משותפים המשמשים בפורמט

  • 'YYYY' - הגדר שנה לשעבר. 2018



  • 'YY' - הגדר שנה לשעבר. 18

  • 'Y' - הגדר שנה לשעבר. 2018

  • 'MMM' - הגדר חודש לשעבר. מרץ

  • 'MMM' - הגדר חודש לשעבר. לְקַלְקֵל

  • 'MM' - הגדר חודש לשעבר. 03

    כיצד להפוך כפול ל- int java
  • 'Dd' - להגדיר יום לשעבר. 08

  • 'ד' - להגדיר יום לשעבר. 8

  • 'חח' - הגדירו שעה בשעה AM / PM

  • 'H' - הגדירו שעה בשעה AM / PM

  • 'מ'מ' - הגדר דקה

  • 'M' - הגדר דקה

  • 'Ss' - הגדר שני

  • 'S' - הגדר שני

ערכים מוגדרים מראש המשמשים בפורמט

  • 'קצר' - שווה ערך ל- 'M / d / yy h: mm a'

  • 'בינוני' - שווה ערך ל- 'MMM d, y h: mm: ss a'

  • 'ShortDate' - שווה ערך ל- '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 AM)

  • 'MediumTime' - שווה ערך ל- 'h: mm: ss a' (04:20:05)

דוגמא:

מסנן תאריכים

{ היום }

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

app.controller ('firstCntrl', פונקציה ($ scope) {

$ scope.today = תאריך חדש ()

})

תְפוּקָה:

10.09.2019

דוגמא:

כדי להציג את השעה בפורמט ספציפי, אנו משתמשים בקוד הבא:

מסנן תאריכים למשל

{date: 'mediumTime'}

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

app.controller ('firstCntrl', פונקציה ($ scope) {

$ scope.today = תאריך חדש ()

})

תְפוּקָה:

11:08:11

סוג הנתונים תאריך SQL

דוגמא:

כדי להציג את התאריך בפורמט ספציפי, אנו משתמשים בקוד הבא:

מסנן תאריכים למשל

כל הזכויות שמורות | ichlese.at | מדיניות הפרטיות