Někdy musíme zkontrolovat datum z jakéhokoli konkrétního důvodu. Stává se, že někdy je v našem požadovaném formátu a někdy není. V tomto článku tedy probereme DateFilter v následujícím pořadí:
Co je DateFilter v AngularJS?
Můžeme použít filtr data AngularJS k převodu data do zadaného formátu. Výchozí formát data, pokud není uvedena žádná specifikace, je „MMM d, rrrr“.
Syntax:
{ datum }
Je třeba poznamenat, že parametry časového pásma a formátu jsou volitelné.
SPOLEČNÉ HODNOTY POUŽITÉ VE FORMÁTU
„RRRR“ - definovat rok ex. 2018
'YY' - definovat rok ex. 18
'Y' - definovat rok ex. 2018
'MMM' - definujte měsíc např. březen
„MMM“ - definujte měsíc např. Mar
„MM“ - definujte měsíc např. 03
„Dd“ - definovat den ex. 08
‚D‘ - definovat den ex. 8
‚Hh ' - definujte hodinu v AM / PM
‚H ' - definujte hodinu v AM / PM
„Mm“ - definovat minutu
‚M‘ - definovat minutu
„Ss“ - definovat druhý
„S“ - definovat druhý
PŘEDEFINOVANÉ HODNOTY POUŽITÉ VE FORMÁTU
'krátký' - ekvivalent „M / d / rr h: mm a“
'střední' - ekvivalent „MMM d, y h: mm: ss a“
„ShortDate“ - ekvivalent „M / d / rr“ (8. 6. 18)
„MediumDate“ - ekvivalent „MMM d, y“ (7. dubna 2018)
„LongDate“ - ekvivalent „MMMM d, y“ (7. dubna 2019)
„FullDate“ - ekvivalent „EEEE, MMMM d, y“ (sobota 7. dubna 2018)
'krátká doba' - ekvivalent „h: mm a“ (4:20)
„MediumTime“ - ekvivalent „h: mm: ss a“ (4:20:05)
PŘÍKLAD:
Filtr data
{ dnes }
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nové datum ()
})
Výstup:
10.09.2019
PŘÍKLAD:
K zobrazení času v určitém formátu použijeme následující kód:
Filtr data Př
{date: 'mediumTime'}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nové datum ()
})
Výstup:
11:08:11
PŘÍKLAD:
K zobrazení data v konkrétním formátu použijeme následující kód:
Filtr data Př
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{ dnes}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', function ($ scope) {
$ scope.today = nové datum ()
})
Výstup:
10. září 2019
Pro lepší pochopení se podívejme na následující příklad:
PŘÍKLAD:
co je přetížení funkcí v C ++
Datum AngularJs Př
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', function ($ scope) {
$ scope.mydate = nové datum ()
})
Vložte číslo:
Datum s krátkým výrazem: {date: 'short'}
Datum s výrazem mediumDate: {mydate}
Datum s rrrr-mm-dd hh: mm: ss výraz: {mydate}
Datum s rrrr-mm-dd hh: mm: ss výraz: {mydate}
Výstup:
S tímto se dostáváme na konec tohoto Datefilter v článku AngularJS. Doufám, že jste pochopili různé aspekty Date FIlters.
Csakra Edureka, důvěryhodná online vzdělávací společnost se sítí více než 250 000 spokojených studentů po celém světě. Angular je framework jazyka JavaScript, který se používá k vytváření škálovatelných, podnikových a výkonných webových aplikací na straně klienta. Vzhledem k vysokému přijetí úhlového rámce je správa výkonu aplikace komunitně řízena nepřímo a přináší lepší pracovní příležitosti. Cílem školení Angular Certification Training je pokrýt všechny tyto nové koncepty týkající se vývoje podnikových aplikací.