Cara Melaksanakan DateFilter di AngularJS dengan Contoh



Artikel ini akan memberi anda pengetahuan lengkap mengenai pelbagai cara untuk melaksanakan DateFilter di AngularJS.

Kadang-kadang kita perlu memeriksa tarikh untuk alasan tertentu. Apa yang berlaku ialah kadangkala dalam format yang kita inginkan dan kadang-kadang tidak. Jadi dalam artikel ini kita akan membincangkan DateFilter di dalam Pesanan berikut:

Apa itu DateFilter di AngularJS?

Kita boleh menggunakan penapis tarikh AngularJS untuk menukar tarikh menjadi format yang ditentukan. Format tarikh lalai apabila tidak ada spesifikasi adalah 'MMM d, yyyy'.





Sintaks:

{ Tarikh }



Harus diingat bahawa parameter zon waktu dan format adalah pilihan.

NILAI UMUM DIGUNAKAN DALAM FORMAT

  • 'YYYY' - menentukan tahun ex. 2018



  • 'YY' - menentukan tahun ex. 18

  • 'Y' - menentukan tahun ex. 2018

  • 'MMM' - menentukan bulan ex. Mac

  • ‘MMM’ - menentukan bulan ex. Mac

  • ‘MM’ - menentukan bulan ex. 03

  • ‘Dd’ - tentukan hari ex. 08

  • ‘D’ - tentukan hari ex. 8

  • 'Hh' - tentukan jam dalam AM / PM

  • ‘H’ - tentukan jam dalam AM / PM

  • ‘Mm’ - tentukan minit

  • ‘M’ - tentukan minit

  • ‘Ss’ - tentukan kedua

  • 'S' - tentukan kedua

NILAI YANG DILAKSANAKAN DIGUNAKAN DALAM FORMAT

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

  • 'Sederhana' - bersamaan dengan 'MMM d, y h: mm: ss a'

  • 'Tarikh Pendek' - bersamaan dengan 'M / d / yy' (6/8/18)

  • 'Tarikh sederhana' - bersamaan dengan 'MMM d, y' (7 April 2018)

  • 'Tarikh Panjang' - bersamaan dengan 'MMMM d, y' (7 April 2019)

  • 'Tarikh penuh' - bersamaan dengan 'EEEE, MMMM d, y' (Sabtu, 7 April 2018)

  • 'masa yang singkat' - bersamaan dengan 'h: mm a' (4:20 AM)

  • 'Masa sederhana' - bersamaan dengan 'h: mm: ss a' (4:20:05 AM)

CONTOH:

Penapis Tarikh

{hari ini}

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

app.controller ('firstCntrl', fungsi ($ skop) {

$ lingkup.today = Tarikh baru ()

})

Pengeluaran:

10.09.2019

CONTOH:

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

Penapis Tarikh Cth

apakah perbezaan antara kelas abstrak dan antara muka

{tarikh: 'mediumTime'}

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

app.controller ('firstCntrl', fungsi ($ skop) {

$ lingkup.today = Tarikh baru ()

})

Pengeluaran:

11:08:11 PG

CONTOH:

Untuk menampilkan tarikh dalam format tertentu, kami menggunakan kod berikut:

Penapis Tarikh Cth

Hak Cipta Terpelihara | ichlese.at | Dasar Privasi