Filtro data AngularJS

Definizione e uso

date Il filtro formatta la data nel formato specificato.

La data può essere un oggetto data, un numero di millisecondi o una stringa di data e ora, come "2016-01-05T09:05:05.035Z".

Per impostazione predefinita, il formato è "MMM d, y" (Jan 5, 2016).

Pagine correlate

Tutorial AngularJS:Filtro Angular

Esempio

Esempio 1

Visualizza i numeri nel formato data:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Data = {{ today | date }}</p>
</div>

Prova personalmente

Esempio 2

Visualizza la data in un formato personalizzato:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Data = {{ today | date : "dd.MM.y" }}</p>
</div>

Prova personalmente

Esempio 3

Visualizza la data utilizzando un formato predefinito:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Data = {{ today | date : "fullDate" }}</p>
</div>

Prova personalmente

Esempio 4

Mostra una combinazione di testo e formato predefinito della data:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Data = {{ today | date : "'today is ' MMMM d, y" }}</p>
</div>

Prova personalmente

Esempio 5

Inserisci la data come stringa di data/ora:

<div ng-app="">
<p>Data = {{ "2016-01-05T09:05:05.035Z" | date }}</p>
</div>

Prova personalmente

Sintassi

{{ date | data : format : timezone }}

Parametro

Parametro Descrizione
format

Opzionale. Utilizzato per visualizzare il formato della data, può essere uno o più dei seguenti:

  • "yyyy" Anno (2016)
  • "yy" Anno (16)
  • "y" Anno (2016)
  • "MMMM" Mese (Gennaio)
  • "MMM" Mese (Gen)
  • "MM" Mese (01)
  • "M" Mese (1)
  • "dd" Data (06)
  • "d" Data (6)
  • "EEEE" Giorno della settimana (Tuesday)
  • "EEE" Giorno della settimana (Tue)
  • "HH" Ora, 00-23 (09)
  • "H" Ora 0-23 (9)
  • "hh" Ora in AM/PM, 00-12 (09)
  • "h" Ora in AM/PM, 0-12 (9)
  • "mm" Minuti (05)
  • "m" Minuti (5)
  • "ss" Secondi (05)
  • "s" Secondi (5)
  • "sss" Millisecondi (035)
  • "a" (AM/PM)
  • "Z" Fuso orario (-1200 a +1200)
  • "ww" Settimana (00-53)
  • "w" Settimana (0-53)
  • "G" Anno Domini (AD)
  • "GG" Anno Domini (AD)
  • "GGG" Anno Domini (AD)
  • "GGGG" Anno Domini (AD)

Il valore di formato può essere uno dei seguenti formati predefiniti:

  • "breve" Con "M/d/yy h:mm a" Stesso (1/5/16 9:05 AM)
  • "medium" Con "MMM d, y h:mm:ss a" Uguale (Jan 5, 2016 9:05:05 AM)
  • "shortDate" Con "M/d/yy" Uguale (1/5/16)
  • "mediumDate" Con "MMM d, y" Uguale (Jan 5, 2016)
  • "longDate" Con "MMMM d, y" Uguale (January 5, 2016)
  • "fullDate" Con "EEEE, MMMM d, y" Uguale (Tuesday, January 5, 2016)
  • "shortTime" Con "h:mm a" Uguale (9:05 AM)
  • "mediumTime" Con "h:mm:ss a" Uguale (9:05:05 AM)
timezone Opzionale. Utilizzato per formattare la timezone della data.