Soms moeten we om een bepaalde reden de datum controleren. Wat er gebeurt, is dat het soms in het door ons gewenste formaat is en soms niet. Dus in dit artikel bespreken we DateFilter in in de volgende volgorde:
- Wat is DateFilter in AngularJS?
- Algemene en vooraf gedefinieerde waarden die worden gebruikt in indeling
Wat is DateFilter in AngularJS?
We kunnen het AngularJS-datumfilter gebruiken om een datum naar een gespecificeerd formaat te converteren. De standaard datumnotatie als er geen specificatie is, is ‘MMM d, jjjj’.
Syntaxis:
{date}
Opgemerkt moet worden dat de tijdzone- en formaatparameters optioneel zijn.
GEMEENSCHAPPELIJKE WAARDEN IN FORMAAT
‘YYYY’ - definieer jaar ex. 2018
'JJ' - definieer jaar ex. 18
'Y' - definieer jaar ex. 2018
'MMM' - definieer maand ex. maart
‘MMM’ - definieer maand ex. Mrt
‘MM’ - definieer maand ex. 03
‘Dd’ - dag definiëren ex. 08
‘D’ - dag definiëren ex. 8
‘Hh’ - definieer het uur in AM / PM
‘H’ - definieer het uur in AM / PM
‘Mm’ - definieer minuut
‘M’ - definieer minuut
‘Ss’ - definieer de tweede
‘S’ - definieer de tweede
VOORGESTELDE WAARDEN DIE IN FORMAAT WORDEN GEBRUIKT
'Kort' - gelijk aan 'M / d / jj u: mm a'
'medium' - gelijk aan 'MMM d, y u: mm: ss a'
'ShortDate' - gelijk aan 'M / d / jj' (6/8/18)
'MediumDate' - gelijk aan 'MMM d, y' (7 april 2018)
'LongDate' - gelijk aan 'MMMM d, y' (7 april 2019)
'FullDate' - gelijk aan 'EEEE, MMMM d, y' (zaterdag 7 april 2018)
'korte tijd' - gelijk aan 'h: mm a' (4:20 uur)
'MediumTime' - gelijk aan 'u: mm: ss a' (4:20:05 uur)
VOORBEELD:
Datumfilter
{vandaag}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', functie ($ scope) {
$ scope.today = nieuwe datum ()
})
Uitgang:
10.09.2019
VOORBEELD:
hoe twee snaren te vergelijken
Om de tijd in een bepaald formaat weer te geven, maken we gebruik van de volgende code:
Datumfilter Ex
{date: 'mediumTime'}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', functie ($ scope) {
$ scope.today = nieuwe datum ()
})
Uitgang:
11:08:11 uur
VOORBEELD:
Om de datum in een bepaald formaat weer te geven, maken we gebruik van de volgende code:
Datumfilter Ex
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{vandaag}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', functie ($ scope) {
$ scope.today = nieuwe datum ()
})
Uitgang:
10 september 2019
Laten we voor een beter begrip eens kijken naar het volgende voorbeeld:
VOORBEELD:
AngularJs Datum Ex
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
java hoe u een reeks objecten kunt maken
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', functie ($ scope) {
$ scope.mydate = nieuwe datum ()
})
Voer nummer in:
Datum met korte uitdrukking: {date: 'short'}
Datum met mediumDate-expressie: {mydate}
Datum met jjjj-mm-dd uu: mm: ss expressie: {mydate}
Datum met jjjj-mm-dd uu: mm: ss expressie: {mydate}
Uitgang:
Hiermee komen we aan het einde van dit Datefilter in AngularJS-artikel. Ik hoop dat je de verschillende aspecten van Date FIlters hebt begrepen.
Cach uit de door Edureka, een vertrouwd online leerbedrijf met een netwerk van meer dan 250.000 tevreden leerlingen verspreid over de hele wereld. Angular is een JavaScript-framework dat wordt gebruikt om schaalbare, zakelijke en performante webtoepassingen aan de clientzijde te maken. Omdat Angular framework-acceptatie hoog is, wordt het prestatiebeheer van de applicatie indirect gestuurd door de gemeenschap, wat leidt tot betere kansen op werk. De Angular Certification Training is bedoeld om al deze nieuwe concepten rond Enterprise Application Development te behandelen.