Ultimele tutoriale de dezvoltare web
 

AngularJS data de filtrare


Exemplu

Afișează numărul ca un format de monedă:

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date }}</p>

</div>
Încearcă - l singur »

Definiție și utilizare

date filtrez formatele o dată într - un format specificat.

Data poate fi un obiect data, milisecunde, sau un șir de datetime cum ar fi "2016-01-05T09:05:05.035Z"

În mod implicit, formatul este "MMM d, y" (Jan 5, 2016) .


Sintaxă

{{ date | date : format : timezone }}

Valorile parametrilor

Valoare Descriere
format Opțional. Formatul de date pentru a afișa data în care poate fi una sau mai multe dintre următoarele:
"yyyy" an (2016)
"yy" ani (16)
"y" an (2016)
"MMMM" lună (January)
"MMM" luni (Jan)
"MM" luni (01)
"M" lună (1)
"dd" ziua (06)
"d" zi (6)
"EEEE" zi (Tuesday)
"EEE" zi (Tue)
"HH" ora, 00-23 (09)
"H" ora 0-23 (9)
"hh" oră în AM / PM, 00-12 (09)
"h" oră în AM / PM, 0-12 (9)
"mm" minut (05)
"m" minute (5)
"ss" a doua (05)
"s" a doua (5)
"sss" milisecundă (035)
"a" (AM/PM)
"Z" fus orar (from -1200 to +1200)
"ww" săptămână (00-53)
"w" săptămână (0-53)
"G" epoca (AD)
"GG" epoca (AD)
"GGG" epoca (AD)
"GGGG" epoca (Anno Domini)

Valoarea format poate fi, de asemenea, una dintre următoarele formate predefinite:
"short" la fel ca "M/d/yy h:mm a" (1/5/16 9:05 AM)
"medium" , la fel ca "MMM d, yh:mm:ss a" (Jan 5, 2016 9:05:05 AM)
"shortDate" la fel ca "M/d/yy" (1/5/16)
"mediumDate" la fel ca "MMM d, y" (05 ianuarie 2016)
"longDate" la fel ca "MMMM d, y" (05 ianuarie 2016)
"fullDate" la fel ca "EEEE, MMMM d, y" (Marți cinci/01/2016)
"shortTime" aceeași ca "h:mm a" (9:05 AM)
"mediumTime" aceeași ca "h:mm:ss a" (9:05:05 AM)
timezone Opțional. Fusul orar utilizat pentru a formata data.

Mai multe exemple

Exemplu

Afișează o dată într-un format personalizat:

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date :  "dd.MM.y" }}</p>

</div>
Încearcă - l singur »

Exemplu

Afișează o dată utilizând un format predefinit:

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date : "fullDate" }}</p>

</div>
Încearcă - l singur »

Exemplu

Afișează o combinație dată de un format predefinit text și:

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date : "fullDate" }}</p>

</div>
Încearcă - l singur »

Exemplu

Data ca un șir de datetime:

<div ng-app="">

<p>Date = {{ "2016-01-05T09:05:05.035Z" | date }}</p>

</div>
Încearcă - l singur »

Pagini similare

AngularJS Tutorial: Filtre unghiulare