Cum se implementează DateFilter în AngularJS cu exemple



Acest articol vă va oferi o cunoaștere detaliată și cuprinzătoare a diferitelor moduri de implementare a DateFilter în AngularJS.

Uneori trebuie să verificăm data din orice motiv anume. Ceea ce se întâmplă este că uneori este în formatul nostru dorit și alteori nu. Deci, în acest articol vom discuta DateFilter în în următoarea ordine:

Ce este DateFilter în AngularJS?

Putem folosi filtrul de date AngularJS pentru a converti o dată într-un format specificat. Formatul de dată implicit atunci când nu există specificații este „MMM d, aaaa”.





Sintaxă:

{ Data }



Trebuie remarcat faptul că fusul orar și parametrii de format sunt opționali.

VALORI COMUNE UTILIZATE ÎN FORMAT

  • „AAAA” - definiți anul ex. 2018



  • „AA” - definiți anul ex. 18

  • „Y” - definiți anul ex. 2018

  • „MMM” - definiți luna ex. Martie

  • „MMM” - definiți luna ex. Mar

  • „MM” - definiți luna ex. 03

  • „Dd” - definesc ziua ex. 08

  • „D” - definesc ziua ex. 8

  • „Hh” - definiți ora în AM / PM

    diferențele dintre html și xml
  • „H” - definiți ora în AM / PM

  • „Mm” - definiți minutul

  • 'M' - definiți minutul

  • „Ss” - definiți al doilea

  • 'S' - definiți al doilea

VALORI PREDEFINITE UTILIZATE ÎN FORMAT

  • 'mic de statura' - echivalent cu „L / z / aa h: mm a”

  • 'mediu' - echivalent cu „MMM d, y h: mm: ss a”

  • „ShortDate” - echivalent cu „L / z / aa” (8.06.18)

  • „Data medie” - echivalent cu „MMM d, y” (7 aprilie 2018)

  • „LongDate” - echivalent cu „MMMM d, y” (7 aprilie 2019)

  • „FullDate” - echivalent cu „EEEE, MMMM d, y” (sâmbătă, 7 aprilie 2018)

  • 'timp scurt' - echivalent cu „h: mm a” (4:20 AM)

  • „MediumTime” - echivalent cu „h: mm: ss a” (4:20:05 AM)

EXEMPLU:

Data Filter

{ astăzi }

var app = angular.module ('firstApp', [])

app.controller ('firstCntrl', funcție ($ scope) {

$ scope.today = new Date ()

})

Ieșire:

10.09.2019

EXEMPLU:

Pentru a afișa ora într-un anumit format, folosim următorul cod:

Data Filter Ex

{data: 'mediumTime'}

var app = angular.module ('firstApp', [])

app.controller ('firstCntrl', funcție ($ scope) {

$ scope.today = new Date ()

})

Ieșire:

11:08:11 AM

exemplu de aplicație mvc în java

EXEMPLU:

Pentru a afișa data într-un anumit format, folosim următorul cod:

Data Filter Ex

Toate Drepturile Rezervate | ichlese.at | Politica De Confidențialitate