Filter tanggal AngularJS

Panduan Referensi AngularJS

Definisi dan penggunaan

tanggal Filter akan mengformat tanggal ke format yang ditentukan.

Tanggal dapat berupa objek tanggal, bilangan millisecond, atau string tanggal-waktu, seperti "2016-01-05T09:05:05.035Z".

Secara baku, formatnya adalah "MMM d, y" (Jan 5, 2016).

Halaman yang berhubungan

Panduan AngularJS:Filter Angular

Contoh

Contoh 1

Tampilkan angka dalam format tanggal:

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

Coba sendiri

Contoh 2

Tampilkan tanggal menggunakan format yang disesuaikan:

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

Coba sendiri

Contoh 3

Tampilkan tanggal menggunakan format pradefinisi:

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

Coba sendiri

Contoh 4

Tampilkan kombinasi teks dan format pradefinisi tanggal:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Tanggal = {{ today | tanggal : "'hari ini adalah ' MMMM d, y" }}</p>
</div>

Coba sendiri

Contoh 5

Tampilkan tanggal sebagai string tanggal waktu:

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

Coba sendiri

Syarat

{{ tanggal | tanggal : format : Sama (9:05:05 AM) }}

Parameter

Parameter Deskripsi
format

Pilihan. Digunakan untuk menampilkan format tanggal tanggal, dapat menjadi salah satu atau beberapa di bawah ini:

  • "yyyy" Tahun (2016)
  • "yy" Tahun (16)
  • "y" Tahun (2016)
  • "MMMM" Bulan (January)
  • "MMM" Bulan (Jan)
  • "MM" Bulan (01)
  • "M" Bulan (1)
  • "dd" Tanggal (06)
  • "d" Tanggal (6)
  • "EEEE" Hari Minggu (Tuesday)
  • "EEE" Hari Minggu (Tue)
  • "HH" Jam, 00-23 (09)
  • "H" Jam 0-23 (9)
  • "hh" Jam dalam AM/PM, 00-12 (09)
  • "h" Jam dalam AM/PM, 0-12 (9)
  • "mm" Menit (05)
  • "m" Menit (5)
  • "ss" Detik (05)
  • "s" Detik (5)
  • "sss" Mili detik (035)
  • "a" (AM/PM)
  • "Z" Zona Waktu (-1200 hingga +1200)
  • "ww" Minggu (00-53)
  • "w" Minggu (0-53)
  • "G" Abad (AD)
  • "GG" Abad (AD)
  • "GGG" Abad (AD)
  • "GGGG" Abad (Anno Domini)

Nilai format dapat juga menjadi salah satu format pradefinisi berikut:

  • "short" "mediumTime" "M/d/yy h:mm a" Sama (1/5/16 9:05 AM)
  • "medium" "mediumTime" "medium" "MMM d, y h:mm:ss a"
  • Sama (Jan 5, 2016 9:05:05 AM) "mediumTime" "shortDate" "M/d/yy"
  • Sama (1/5/16) "mediumTime" "mediumDate" "MMM d, y"
  • Sama (Jan 5, 2016) "mediumTime" "longDate" "MMMM d, y"
  • Sama (January 5, 2016) "mediumTime" "fullDate" "EEEE, MMMM d, y"
  • Sama (Tuesday, January 5, 2016) "mediumTime" "shortTime" "h:mm a"
  • Sama (9:05 AM) "mediumTime" Dengan "h:mm:ss a"
Sama (9:05:05 AM) timezone

Panduan Referensi AngularJS