Πώς να εφαρμόσετε το DateFilter στο AngularJS με παραδείγματα

Αυτό το άρθρο θα σας δώσει μια λεπτομερή και ολοκληρωμένη γνώση των διαφόρων τρόπων εφαρμογής του DateFilter στο AngularJS.

Κατά καιρούς πρέπει να ελέγξουμε την ημερομηνία για οποιονδήποτε συγκεκριμένο λόγο. Αυτό που συμβαίνει είναι ότι μερικές φορές είναι στην επιθυμητή μορφή μας και μερικές φορές δεν είναι. Έτσι στο άρθρο αυτό θα συζητήσουμε το DateFilter στο με την ακόλουθη σειρά:



Τι είναι το DateFilter στο AngularJS;

Μπορούμε να χρησιμοποιήσουμε το φίλτρο ημερομηνίας AngularJS για να μετατρέψουμε μια ημερομηνία σε μια καθορισμένη μορφή. Η προεπιλεγμένη μορφή ημερομηνίας όταν δεν υπάρχει προδιαγραφή είναι 'MMM d, yyyy'.



Σύνταξη:

{ημερομηνία}



Πρέπει να σημειωθεί ότι οι παράμετροι ζώνης ώρας και μορφής είναι προαιρετικές.

ΚΟΙΝΕΣ ΤΙΜΕΣ ΠΟΥ ΧΡΗΣΙΜΟΠΟΙΟΥΝΤΑΙ ΣΕ ΜΟΡΦΗ

  • «ΕΕΕΕ» - ορίστε το έτος ex. 2018



  • «YY» - ορίστε το έτος ex. 18

  • «Υ» - ορίστε το έτος ex. 2018

  • 'MMM' - ορίστε τον μήνα ex. Μάρτιος

  • «MMM» - ορίστε τον μήνα ex. Παραμορφώνω

  • «ΜΜ» - ορίστε τον μήνα ex. 03

  • «Ηδ» - ορίστε την ημέρα ex. 08

  • 'ρε' - ορίστε την ημέρα ex. 8

  • «Ω» - ορίστε ώρα σε ΠΜ / ΜΜ

  • «Χ» - ορίστε ώρα σε ΠΜ / ΜΜ

  • «Χιλ» - ορίστε λεπτό

  • 'Μ' - ορίστε λεπτό

  • «Ss» - ορίστε το δεύτερο

  • 'μικρό' - ορίστε το δεύτερο

ΠΡΟΟΡΙΣΜΕΝΕΣ ΑΞΙΕΣ ΠΟΥ ΧΡΗΣΙΜΟΠΟΙΟΥΝΤΑΙ ΣΕ ΜΟΡΦΗ

  • 'μικρός' - ισοδύναμο με 'M / d / yy h: mm a'

  • 'Μεσαίο' - ισοδύναμο με 'MMM d, y h: mm: ss a'

    μεταβείτε στην εντολή c ++
  • 'ShortDate' - ισοδύναμο με 'M / d / yy' (6/8/18)

  • 'Μεσαία ημερομηνία' - ισοδύναμο με 'MMM d, y' (7 Απριλίου 2018)

  • 'LongDate' - ισοδύναμο με το 'MMMM d, y' (7 Απριλίου 2019)

  • 'FullDate' - ισοδύναμο με 'EEEE, MMMM d, y' (Σάββατο 7 Απριλίου 2018)

  • 'σύντομο χρονικό διάστημα' - ισοδύναμο με 'h: mm a' (4:20 AM)

  • “MediumTime” - ισοδύναμο με 'h: mm: ss a' (4:20:05 AM)

ΠΑΡΑΔΕΙΓΜΑ:

Φίλτρο ημερομηνίας

{σήμερα}

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

app.controller ('firstCntrl', function ($ εύρος) {

$ lingkop.today = νέα ημερομηνία ()

})

Παραγωγή:

10.09.2019

ΠΑΡΑΔΕΙΓΜΑ:

Για να εμφανίσουμε την ώρα σε μια συγκεκριμένη μορφή, χρησιμοποιούμε τον ακόλουθο κώδικα:

Φίλτρο ημερομηνίας Π.χ.

{ημερομηνία: 'mediumTime'}

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

app.controller ('firstCntrl', function ($ εύρος) {

$ lingkop.today = νέα ημερομηνία ()

})

Παραγωγή:

11:08:11 ΠΜ

ΠΑΡΑΔΕΙΓΜΑ:

Για να εμφανιστεί η ημερομηνία σε μια συγκεκριμένη μορφή, χρησιμοποιούμε τον ακόλουθο κώδικα:

Φίλτρο ημερομηνίας Π.χ.

Ολα Τα Δικαιώματα Διατηρούνται | collaborate-anz.com | Πολιτική Προστασίας Προσωπικών Δεδομένων