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
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{hari ini}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', fungsi ($ skop) {
$ lingkup.today = Tarikh baru ()
})
Pengeluaran:
10 Sep 2019
Untuk pemahaman yang lebih baik, mari kita lihat contoh berikut:
CONTOH:
Tarikh AngularJs Cth
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', fungsi ($ lingkup) {
$ lingkup.mydate = Tarikh baru ()
})
Masukkan Nombor:
Tarikh dengan ungkapan pendek: {tarikh: 'pendek'}
Tarikh dengan ungkapan mediumDate: {mydate}
Tarikh dengan yyyy-mm-dd hh: mm: ss ungkapan: {mydate}
Tarikh dengan yyyy-mm-dd hh: mm: ss ungkapan: {mydate}
Pengeluaran:
Dengan ini, kita akan mengakhiri artikel Datefilter ini di AngularJS. Saya harap anda memahami pelbagai aspek Date FIlters.
Clihatlah oleh Edureka, sebuah syarikat pembelajaran dalam talian yang dipercayai dengan rangkaian lebih daripada 250,000 pelajar berpuas hati yang tersebar di seluruh dunia. Angular adalah kerangka kerja JavaScript yang digunakan untuk membuat aplikasi web sisi pelanggan yang berskala, perusahaan, dan prestasi. Dengan penggunaan rangka kerja Angular yang tinggi, pengurusan prestasi aplikasi didorong oleh masyarakat secara tidak langsung mendorong peluang pekerjaan yang lebih baik. Latihan Persijilan Angular bertujuan untuk merangkumi semua konsep baru di sekitar Pembangunan Aplikasi Perusahaan.