Paano Ipapatupad ang DateFilter sa AngularJS na may Mga Halimbawa



Magbibigay sa iyo ang artikulong ito ng isang detalyadong isang komprehensibong kaalaman sa iba't ibang mga paraan upang maipatupad ang DateFilter sa AngularJS.

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

Lahat Ng Karapatan Ay Reserbado | ichlese.at | Patakaran Sa Paglilihim