Come implementare DateFilter in AngularJS con esempi



Questo articolo ti fornirà una conoscenza dettagliata e completa dei vari modi per implementare DateFilter in AngularJS.

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

Tutti I Diritti Riservati | ichlese.at | Politica Sulla Riservatezza