En son web geliştirme öğreticiler
 

AngularJS tarih Filtre


Örnek

Bir para birimi gibi numarasını görüntüleyin:

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

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

</div>
Kendin dene "

Tanımı ve Kullanımı

date filtresi belirtilen bir biçime bir tarih biçimlendirir.

Tarihi bir tarih nesnesi, milisaniye veya benzeri bir tarih saat dize olabilir "2016-01-05T09:05:05.035Z"

Varsayılan olarak, biçim "MMM d, y" (Jan 5, 2016) .


Sözdizimi

{{ date | date : format : timezone }}

Parametre Değerleri

değer Açıklama
format İsteğe bağlı. Tarih biçimini aşağıdakilerden birini veya daha fazlası olabilir tarih, görüntülemek için:
"yyyy" yıl (2016)
"yy" yıl (16)
"y" yıl (2016)
"MMMM" ay (January)
"MMM" ay (Jan)
"MM" ay (01)
"M" ay (1)
"dd" gün (06)
"d" gün (6)
"EEEE" gün (Tuesday)
"EEE" gün (Tue)
"HH" saat, 00-23 (09)
"H" saat 0-23 (9)
"hh" AM / PM, 00-12 yılında saat (09)
"h" AM saat / AM, 0-12 (9)
"mm" dakika (05)
"m" dakika (5)
"ss" ikinci (05)
"s" , ikinci (5)
"sss" milisaniye (035)
"a" (AM/PM)
"Z" saat dilimi (from -1200 to +1200)
"ww" hafta (00-53)
"w" hafta (0-53)
"G" dönemi (AD)
"GG" dönemi (AD)
"GGG" dönemi (AD)
"GGGG" dönemi (Milattan)

biçim değeri de aşağıdaki önceden tanımlanmış biçimlerden biri olabilir:
"short" aynı "M/d/yy h:mm a" (1/5/16 9:05 AM)
"medium" aynı "MMM d, yh:mm:ss a" (Jan 5, 2016 9:05:05 AM)
"shortDate" aynı "M/d/yy" (1/5/16)
"mediumDate" aynı "MMM d, y" (5 Ocak 2016)
"longDate" aynı "MMMM d, y" (2016 5 Ocak)
"fullDate" aynı "EEEE, MMMM d, y" (Salı, Ocak 5, 2016)
"shortTime" aynı "h:mm a" (9:05 AM)
"mediumTime" aynı şekilde "h:mm:ss a" (9:05:05 AM)
timezone İsteğe bağlı. saat dilimi tarihi biçimlendirmek için kullanılan.

Diğer Örnekler

Örnek

Özel bir biçimde bir tarih görüntüleme:

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

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

</div>
Kendin dene "

Örnek

Önceden tanımlanmış bir biçimde tarih görüntüleme:

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

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

</div>
Kendin dene "

Örnek

metin ve önceden tanımlanmış bir formatta bir tarih birleşimini gösterir:

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

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

</div>
Kendin dene "

Örnek

Bir datetime dize olarak tarih:

<div ng-app="">

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

</div>
Kendin dene "

İlgili Sayfalar

Angularjs Eğitimi: Açısal Filtreler