A volte è necessario controllare la data per qualsiasi motivo particolare. Quello che succede è che a volte è nel formato desiderato ea volte no. Quindi in questo articolo discuteremo di DateFilter in nel seguente ordine:
Cos'è DateFilter in AngularJS?
Possiamo utilizzare il filtro data AngularJS per convertire una data in un formato specificato. Il formato della data predefinito in assenza di una specifica è 'MMM d, yyyy'.
Sintassi:
{ Data }
Va notato che il fuso orario e i parametri di formato sono facoltativi.
VALORI COMUNI UTILIZZATI IN FORMATO
'AAAA' - definire l'anno ex. 2018
'YY' - definire l'anno ex. 18
'Y' - definire l'anno ex. 2018
'MMM' - definire il mese ex. marzo
'MMM' - definire il mese ex. Mar
'MM' - definire il mese ex. 03
'Dd' - definire il giorno ex. 08
'D' - definire il giorno ex. 8
'Hh' - definire l'ora in AM / PM
'H' - definire l'ora in AM / PM
'Mm' - definire i minuti
'M' - definire i minuti
'Ss' - definire il secondo
'S' - definire il secondo
VALORI PREDEFINITI UTILIZZATI IN FORMATO
'corto' - equivalente a 'M / g / aa h: mm a'
'medio' - equivalente a 'MMM d, y h: mm: ss a'
“shortDate” - equivalente a 'M / g / aa' (6/8/18)
'MediumDate' - equivalente a 'MMM d, y' (7 aprile 2018)
'LongDate' - equivalente a 'MMMM d, y' (7 aprile 2019)
'FullDate' - equivalente a 'EEEE, MMMM d, y' (sabato 7 aprile 2018)
'poco tempo' - equivalente a 'h: mm a' (4:20 AM)
'MediumTime' - equivalente a 'h: mm: ss a' (4:20:05 AM)
ESEMPIO:
Filtro data
{ oggi }
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nuova data ()
})
Produzione:
10.09.2019
ESEMPIO:
ruoli e responsabilità di scrum master pdf
Per visualizzare l'ora in un formato specifico, utilizziamo il seguente codice:
Filtro data Ex
{data: 'mediumTime'}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nuova data ()
})
Produzione:
11:08:11 AM
ESEMPIO:
Per visualizzare la data in un formato specifico, utilizziamo il seguente codice:
Filtro data Ex
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js '>
{ oggi}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nuova data ()
})
Produzione:
10 settembre 2019
Per una migliore comprensione, diamo un'occhiata al seguente esempio:
ESEMPIO:
AngularJs Date Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', function ($ scope) {
$ scope.mydate = nuova data ()
})
Inserisci numero:
Data con espressione breve: {date: 'short'}
Data con espressione mediumDate: {mydate}
Data con aaaa-mm-gg hh: mm: ss espressione: {miadata}
Data con aaaa-mm-gg hh: mm: ss espressione: {miadata}
Produzione:
Con questo, arriviamo alla fine di questo Datefilter nell'articolo di AngularJS. Spero che tu abbia capito i vari aspetti dei filtri data.
Cdiamine il da Edureka, una società di formazione online affidabile con una rete di oltre 250.000 studenti soddisfatti sparsi in tutto il mondo. Angular è un framework JavaScript utilizzato per creare applicazioni web lato client scalabili, aziendali e ad alte prestazioni. Con l'adozione del framework Angular elevata, la gestione delle prestazioni dell'applicazione è guidata dalla comunità indirettamente, favorendo migliori opportunità di lavoro. L'Angular Certification Training mira a coprire tutti questi nuovi concetti sullo sviluppo di applicazioni aziendali.