Bagaimana Menerapkan DateFilter di AngularJS dengan Contoh

Kadang-kadang kami perlu memeriksa tanggal untuk alasan tertentu. Apa yang terjadi adalah terkadang itu dalam format yang kita inginkan dan terkadang tidak. Jadi di artikel kali ini kita akan membahas DateFilter di dalam urutan berikut:

• Apa itu DateFilter di AngularJS?
• Nilai Umum dan Standar yang Digunakan dalam Format

Apa itu DateFilter di AngularJS?

Kita dapat menggunakan filter tanggal AngularJS untuk mengubah tanggal menjadi format tertentu. Format tanggal default jika tidak ada spesifikasi adalah 'd MMM yyyy'.

Sintaksis:

{date}

Perlu diperhatikan bahwa parameter zona waktu dan format bersifat opsional.

NILAI UMUM DIGUNAKAN DALAM FORMAT

• ‘YYYY’ - tentukan tahun ex. 2018

  
  
  

• 'Y Y' - tentukan tahun ex. 18

• 'Y' - tentukan tahun ex. 2018

• 'MMM' - tentukan ex bulan. Maret

• 'MMM' - tentukan ex bulan. Merusak

• 'MM' - tentukan ex bulan. 03

• 'DD' - tentukan hari ex. 08

• 'D' - tentukan hari ex. 8

• 'Hh' - tentukan jam di AM / PM

• 'H' - tentukan jam di AM / PM

• 'Mm' - tentukan menit

• 'M' - tentukan menit

• 'Ss' - definisikan kedua

• 'S' - definisikan kedua

NILAI YANG DITETAPKAN SEBELUMNYA DIGUNAKAN DALAM FORMAT

• 'pendek' - setara dengan 'M / h / yy h: mm a'

• 'medium' - setara dengan 'd MMM, y h: mm: ss a'

• 'Kencan singkat' - setara dengan 'M / d / yy' (6/8/18)

• 'MediumDate' - setara dengan 'MMM d, y' (7 April 2018)

• 'LongDate' - setara dengan 'MMMM d, y' (7 April 2019)

• 'FullDate' - setara dengan “EEEE, MMMM d, y” (Sabtu, 7 April 2018)

• 'waktu singkat' - setara dengan 'h: mm a' (4:20 AM)

• “MediumTime” - setara dengan 'h: mm: ss a' (4:20:05)

CONTOH:

Filter Tanggal

{hari ini}

var app = angular.module ('firstApp', [])

app.controller ('firstCntrl', function ($ scope) {

$ scope.today = Tanggal baru ()

})

Keluaran:

10.09.2019

CONTOH:

Untuk menampilkan waktu dalam format tertentu, kami menggunakan kode berikut:

cara membuat dashboard di power bi

Filter Tanggal Ex

{tanggal: 'mediumTime'}

var app = angular.module ('firstApp', [])

app.controller ('firstCntrl', function ($ scope) {

$ scope.today = Tanggal baru ()

})

Keluaran:

11:08:11

CONTOH:

Untuk menampilkan tanggal dalam format tertentu, kami menggunakan kode berikut:

Filter Tanggal Ex

Seluruh Hak Cipta | ichlese.at | Rahasia Pribadi