Toisinaan meidän on tarkistettava päivämäärä jostakin erityisestä syystä. Toisinaan se on joskus haluamassamme muodossa ja toisinaan ei. Joten tässä artikkelissa keskustelemme DateFilteristä seuraavassa järjestyksessä:
Mikä on DateFilter AngularJS: ssä?
Voimme käyttää AngularJS-päivämääräsuodatinta muuntaa päivämäärä määritettyyn muotoon. Oletuspäivämäärä, kun määrityksiä ei ole, on ”MMM d, yyyy”.
Syntaksi:
{ Päivämäärä }
On huomattava, että aikavyöhyke ja muoto-parametrit ovat valinnaisia.
MUOTOON KÄYTETYT YHTEISET ARVOT
”VVVV” - määritellä vuosi ex. 2018
'YY' - määritellä vuosi ex. 18
'Y' - määritellä vuosi ex. 2018
'MMM' - määritä kuukausi esim. Maaliskuu
”MMM” - määritä kuukausi esim. Maaliskuu
”MM” - määritä kuukausi esim. 03
'Dd' - määritä päivä ex. 08
'D' - määritä päivä ex. 8
'HH' - määritä tunti AM / PM
'H' - määritä tunti AM / PM
”Mm” - määritä minuutti
'M' - määritä minuutti
'Ss' - määritä toinen
'S' - määritä toinen
FORMATTISSA ENNEN MÄÄRITETYT ARVOT
'lyhyt' - vastaa sanaa ”K / p / vv k: kk a”
'Keskitaso' - vastaa sanaa “MMM d, y h: mm: ss a”
'ShortDate' - vastaa sanaa “M / d / yy” (8.6.2018)
'MediumDate' - vastaa sanaa “MMM d, y” (7. huhtikuuta 2018)
'LongDate' - vastaa sanaa “MMMM d, y” (7. huhtikuuta 2019)
'FullDate' - vastaa sanaa ”EEEE, MMMM d, y” (lauantai 7. huhtikuuta 2018)
'lyhyt aika' - vastaa sanaa “h: mm a” (4:20 AM)
'MediumTime' - vastaa sanaa “h: mm: ss a” (4:20:05 AM)
ESIMERKKI:
Päivämääräsuodatin
{ tänään }
var app = kulmamoduuli ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = uusi päivämäärä ()
})
Tuotos:
10.09.2019
ESIMERKKI:
Ajan näyttämiseksi tietyssä muodossa käytämme seuraavaa koodia:
Päivämääräsuodatin Ex
{date: 'mediumTime'}
yhdistä lajittelulähdekoodi c ++
var app = kulmamoduuli ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = uusi päivämäärä ()
})
Tuotos:
11:08:11 AM
ESIMERKKI:
Jos haluat näyttää päivämäärän tietyssä muodossa, käytämme seuraavaa koodia:
Päivämääräsuodatin Ex
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{ tänään}
var app = kulmamoduuli ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = uusi päivämäärä ()
})
Tuotos:
10. syyskuuta 2019
Jotta ymmärrys olisi parempi, katsotaanpa seuraava esimerkki:
ESIMERKKI:
KulmaJs Päivämäärä Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = kulmamoduuli ('firstApp', [])
app.controller ('firstctrl', function ($ scope) {
$ scope.mydate = uusi päivämäärä ()
})
Syötä numero:
Päivämäärä lyhyellä lausekkeella: {date: 'short'}
Päivämäärä mediumDate-lausekkeella: {mydate}
Päivämäärä päivämäärällä vvvv-kk-pp hh: mm: ss lauseke: {mydate}
Päivämäärä päivämäärällä vvvv-kk-pp hh: mm: ss lauseke: {mydate}
Tuotos:
Tämän avulla olemme päässeet tämän AngularJS-artikkelin päivämääräsuodattimen loppuun. Toivon, että ymmärrät päivämäärän suodattimien eri näkökohdat.
Chelvetti Edureka, luotettava verkko-oppimisyritys, jolla on yli 250 000 tyytyväisen oppijan verkosto, joka levisi ympäri maailmaa. Angular on JavaScript-kehys, jota käytetään skaalautuvien, yritys- ja suorituskykyisten asiakaspuolen verkkosovellusten luomiseen. Kun kulmakehyksen käyttöönotto on korkea, sovelluksen suorituskyvyn hallinta on yhteisölähtöistä ja välillisesti parempia työmahdollisuuksia. Angular Certification -koulutuksen tarkoituksena on kattaa kaikki nämä uudet konseptit yrityssovellusten kehittämisen ympärillä.