Ibland måste vi kontrollera datumet av någon speciell anledning. Vad som händer är att det ibland är i vårt önskade format och ibland inte. Så i denna artikel kommer vi att diskutera DateFilter i i följande ordning:
Vad är DateFilter i AngularJS?
Vi kan använda AngularJS-datumfiltret för att konvertera ett datum till ett angivet format. Standardformatet för datum när det inte finns någon specifikation är ”MMM d, yyyy”.
Syntax:
{ datum }
Det måste noteras att tidszon och formatparametrar är valfria.
GEMENSAMMA VÄRDEN ANVÄNDA I FORMAT
'ÅÅÅÅ' - definiera år ex. 2018
'YY' - definiera år ex. 18
'Y' - definiera år ex. 2018
'MMM' - definiera månad ex. Mars
'MMM' - definiera månad ex. Mar
'MM' - definiera månad ex. 03
'Dd' - definiera dag ex. 08
'D' - definiera dag ex. 8
'Hh' - definiera timme i AM / PM
'H' - definiera timme i AM / PM
'Mm' - definiera minut
'M' - definiera minut
'Ss' - definiera andra
'S' - definiera andra
FÖRDefinierade värden som används i format
'kort' - motsvarar “M / d / åå h: mm a”
'medium' - motsvarande “MMM d, y h: mm: ss a”
'ShortDate' - motsvarande “M / d / yy” (6/8/18)
“MediumDate” - motsvarande “MMM d, y” (7 april 2018)
'LongDate' - motsvarande “MMMM d, y” (7 april 2019)
“FullDate” - motsvarande “EEEE, MMMM d, y” (lördag 7 april 2018)
hur man skapar power bi dashboard
'kort tid' - motsvarar “h: mm a” (04:20)
“MediumTime” - motsvarar “h: mm: ss a” (04:20:05)
EXEMPEL:
Datumfilter
{ i dag }
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', funktion ($ scope) {
$ scope.today = nytt datum ()
})
Produktion:
10.09.2019
EXEMPEL:
För att visa tiden i ett specifikt format använder vi följande kod:
Datumfilter Ex
{date: 'mediumTime'}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', funktion ($ scope) {
$ scope.today = nytt datum ()
})
Produktion:
11:08:11
retracement sekvens java för loop
EXEMPEL:
För att visa datumet i ett specifikt format använder vi följande kod:
Datumfilter Ex
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{ i dag}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', funktion ($ scope) {
$ scope.today = nytt datum ()
})
Produktion:
10 sep 2019
För en bättre förståelse kan vi ta en titt på följande exempel:
EXEMPEL:
AngularJs Datum Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', funktion ($ scope) {
$ scope.mydate = nytt datum ()
})
Skriv in nummer:
Datum med kort uttryck: {datum: 'kort'}
Datum med mediumDate-uttryck: {mydate}
Datum med åååå-mm-dd hh: mm: ss-uttryck: {mydate}
Datum med åååå-mm-dd hh: mm: ss-uttryck: {mydate}
Produktion:
Med detta kommer vi till ett slut på denna Datefilter i AngularJS-artikeln. Jag hoppas att du förstod de olika aspekterna av Date FIlters.
är en vs har en java
Check ut av Edureka, ett pålitligt online-lärande företag med ett nätverk av mer än 250 000 nöjda elever spridda över hela världen. Angular är ett JavaScript-ramverk som används för att skapa skalbara webbapplikationer på klientsidan för företag och prestanda. Eftersom antagandet av kantiga ramar är högt, styrs prestationshanteringen av applikationen indirekt och driver bättre jobbmöjligheter. Angular Certification Training syftar till att täcka alla dessa nya koncept kring utveckling av Enterprise Application.