Κατά καιρούς πρέπει να ελέγξουμε την ημερομηνία για οποιονδήποτε συγκεκριμένο λόγο. Αυτό που συμβαίνει είναι ότι μερικές φορές είναι στην επιθυμητή μορφή μας και μερικές φορές δεν είναι. Έτσι στο άρθρο αυτό θα συζητήσουμε το DateFilter στο με την ακόλουθη σειρά:
- Τι είναι το DateFilter στο AngularJS;
- Κοινές και προκαθορισμένες τιμές που χρησιμοποιούνται σε μορφή
Τι είναι το 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 ΠΜ
ΠΑΡΑΔΕΙΓΜΑ:
Για να εμφανιστεί η ημερομηνία σε μια συγκεκριμένη μορφή, χρησιμοποιούμε τον ακόλουθο κώδικα:
Φίλτρο ημερομηνίας Π.χ.
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{σήμερα}
var app = angular.module («firstApp», [])
app.controller ('firstCntrl', function ($ εύρος) {
$ lingkop.today = νέα ημερομηνία ()
})
Παραγωγή:
10 Σεπ 2019
Για καλύτερη κατανόηση, ας ρίξουμε μια ματιά στο ακόλουθο παράδειγμα:
ΠΑΡΑΔΕΙΓΜΑ:
Ημερομηνία AngularJs Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
fibonacci ακολουθία java για βρόχο
var app = angular.module («firstApp», [])
app.controller ('firstctrl', function ($ εύρος) {
$ lingkop.mydate = νέα ημερομηνία ()
})
Εισάγετε αριθμό:
Ημερομηνία με σύντομη έκφραση: {ημερομηνία: 'short'}
Ημερομηνία με έκφραση mediumDate: {mydate}
Ημερομηνία με εεεε-μμ-ηηω ω: mm: ss έκφραση: {mydate}
Ημερομηνία με yyyy-mm-dd hh: mm: ss έκφραση: {mydate}
Παραγωγή:
Με αυτό, φτάνουμε στο τέλος αυτού του άρθρου Datefilter στο AngularJS. Ελπίζω να καταλάβατε τις διάφορες πτυχές του Date FIlters.
ντοδιάλεξε το από την Edureka, μια αξιόπιστη διαδικτυακή εταιρεία μάθησης με δίκτυο περισσότερων από 250.000 ικανοποιημένων εκπαιδευόμενων σε όλο τον κόσμο. Το Angular είναι ένα πλαίσιο JavaScript που χρησιμοποιείται για τη δημιουργία επεκτάσιμων, εταιρικών και επιδόσεων διαδικτυακών εφαρμογών πελάτη. Καθώς η υιοθέτηση του γωνιακού πλαισίου είναι υψηλή, η διαχείριση της απόδοσης της εφαρμογής καθοδηγείται από την κοινότητα, οδηγώντας έμμεσα καλύτερες ευκαιρίες εργασίας Η εκπαίδευση γωνιακής πιστοποίησης στοχεύει στην κάλυψη όλων αυτών των νέων εννοιών γύρω από την ανάπτυξη εφαρμογών επιχειρήσεων.