Sa mga oras na kailangan nating suriin ang petsa para sa anumang partikular na kadahilanan. Ang nangyayari ay kung minsan ito ay nasa nais nating format at kung minsan ay hindi. Kaya't sa artikulong ito tatalakayin natin ang DateFilter sa sa sumusunod na Order:
Ano ang DateFilter sa AngularJS?
Maaari naming gamitin ang filter ng petsa ng AngularJS upang mai-convert ang isang petsa sa isang tinukoy na format. Ang default na format ng petsa kapag walang pagtutukoy ay 'MMM d, yyyy'.
Syntax:
{date}
Dapat pansinin na ang timezone at mga parameter ng format ay opsyonal.
GAMIT NA HALAGA NA GINAMIT SA FORMAT
'YYYY' - tukuyin ang taon hal. 2018
'YY' - tukuyin ang taon hal. 18
'Y' - tukuyin ang taon hal. 2018
'MMM' - tukuyin ang buwan hal. Marso
'MMM' - tukuyin ang buwan hal. Mar
'MM' - tukuyin ang buwan hal. 03
'DD' - tukuyin ang araw ex. 08
‘D’ - tukuyin ang araw ex. 8
'Hh' - tukuyin ang oras sa AM / PM
‘H’ - tukuyin ang oras sa AM / PM
'Mm' - tukuyin ang minuto
‘M’ - tukuyin ang minuto
‘Ss’ - tukuyin ang pangalawa
‘S - tukuyin ang pangalawa
PREDEFINED VALUES USED IN FORMAT
'Maikli' - katumbas ng “M / d / yy h: mm a”
'Daluyan' - katumbas ng “MMM d, y h: mm: ss a”
'ShortDate' - katumbas ng “M / d / yy” (6/8/18)
'MediumDate' - katumbas ng “MMM d, y” (Abril 7, 2018)
'LongDate' - katumbas ng “MMMM d, y” (Abril 7, 2019)
'FullDate' - katumbas ng “EEEE, MMMM d, y” (Sabado, Abril 7, 2018)
'maikling oras' - katumbas ng 'h: mm a' (4:20 AM)
'MediumTime' - katumbas ng “h: mm: ss a” (4:20:05 AM)
HALIMBAWA:
pag-uuri ng pag-uuri ng c ++
Filter ng Petsa
{ngayon}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', pagpapaandar ($ saklaw) {
$ saklaw.today = bagong Petsa ()
})
Output:
10.09.2019
HALIMBAWA:
Upang maipakita ang oras sa isang tukoy na format, ginagamit namin ang sumusunod na code:
Filter ng Petsa Hal
{date: 'mediumTime'}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', pagpapaandar ($ saklaw) {
$ saklaw.today = bagong Petsa ()
})
Output:
11:08:11 AM
HALIMBAWA:
Upang maipakita ang petsa sa isang tukoy na format, ginagamit namin ang sumusunod na code:
Filter ng Petsa Hal
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{ngayon}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', pagpapaandar ($ saklaw) {
$ saklaw.today = bagong Petsa ()
})
Output:
Sep 10, 2019
Para sa isang mas mahusay na pag-unawa, tingnan natin ang sumusunod na halimbawa:
HALIMBAWA:
AngularJs Petsa Hal
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
ruby sa riles web application
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', pagpapaandar ($ saklaw) {
$ saklaw.mydate = bagong Petsa ()
})
Maglagay ng numero:
Petsa na may maikling expression: {date: 'short'}
Petsa na may expression na mediumDate: {mydate}
Petsa kasama si yyyy-mm-dd hh: mm: ss expression: {mydate}
Petsa kasama si yyyy-mm-dd hh: mm: ss expression: {mydate}
Output:
Sa pamamagitan nito, natapos na namin ang Datefilter na ito sa AngularJS na artikulo. Inaasahan kong naunawaan mo ang iba't ibang mga aspeto ng Mga Date FIlter.
Cano ba ang ni Edureka, isang pinagkakatiwalaang kumpanya sa pag-aaral sa online na may isang network na higit sa 250,000 nasiyahan na mga nag-aaral na kumalat sa buong mundo. Angular ay isang balangkas ng JavaScript na ginagamit upang lumikha ng nasusukat, enterprise, at pagganap na mga client-side web application. Sa Angular na pag-aampon ng balangkas na mataas, ang pamamahala ng pagganap ng aplikasyon ay hinihimok ng komunidad nang hindi direktang pagmamaneho ng mas mahusay na mga oportunidad sa trabaho. Nilalayon ng Angular Certification Training na masakop ang lahat ng mga bagong konsepto sa paligid ng Pag-unlad ng Application ng Enterprise.