Jak zdobyć datę w formacie DD/MM/Jyyy w JavaScript?

Jak zdobyć datę w formacie DD/MM/Jyyy w JavaScript?
Praca z datami jest jedną z najczęstszych przeszkód jako programista, a JavaScript nie jest inaczej. Różne aplikacje lub programy wymagają od nas inaczej sformatowania wartości daty. Ale dzięki JavaScript jest tak łatwy i przyjazny programista, możemy łatwo sformatować datę za pomocą wbudowanych funkcji JavaScript.

W tym samouczku sformatujemy zmienną daty w „Dd / mm / rrrr„Korzystanie z tych wbudowanych metod:

  • GetiLyear (): Wraca jako cały rok w formacie czterocyfrowym
  • getmonth (): Zwraca miesiąc ze zmiennej daty, pamiętaj, że miesiąc zaczyna się od 0 w styczniu, więc musisz dodać 1, aby uniknąć zamieszania
  • getDate (): Zwraca nam datę miesiąca ze zmiennej daty

Tworzenie nowej zmiennej daty w JavaScript

Na początek najpierw potrzebujemy daty, że po prostu użyjemy obiektu daty, aby uzyskać bieżącą datę, i zamierzamy przechowywać ją w zmiennej ”bieżąca data". W tym celu użyj następującej linii:

var currentDate = new Date ();

Teraz możemy uzyskać bieżący format tej nowo utworzonej zmiennej daty za pomocą dziennika konsoli:

To nie jest format, więc będziemy pracować nad tym teraz krok po kroku.

Uzyskanie miesiąca we właściwym formacie „MM”

Najpierw otrzymajmy miesiąc od tej daty za pomocą getmonth () funkcjonować jako

var miesiąc = CurrentDate.getonth () + 1;

Dodaliśmy 1 do naszego miesiąca, ponieważ miesiąc w zmiennej daty zaczyna się od 0. Następnie musimy upewnić się, że miesiąc nie jest w jednym cyfrie, więc indukujemy następujące sprawdzenie:

if (miesiąc < 10) month = "0" + month;

To zmieniłoby jednocyfrowy miesiąc na dwie cyfry lub możemy w formacie ”mm".

Uzyskanie daty we właściwym formacie „DD”

Będziemy przynieść datę miesiąca za pomocą getDate () funkcjonować:

var dateofonth = CurrentDate.getDate ();

Następnie sprawdzamy datę jednocyfrową i konwertujemy ją na dwie cyfry za pomocą następującego wiersza:

if (dateofonth < 10) dateOfMonth = "0" + dateOfMonth;

Teraz mamy również naszą datę w odpowiednim formacie.

Uzyskanie roku we właściwym formacie „rrr”

Wreszcie, otrzymujemy nasz rok od zmiennej daty za pomocą metody getyLyar () jako

var rok = bieżący dat.GetiLyear ();

getyllyar () zwraca rok w „Ja”Format. Dlatego nie musimy sprawdzać tego.

Kompilowanie pełnej daty we właściwym formacie

Na koniec musimy umieścić wszystkie te 3 elementy z naszych „data”Razem w nowej zmiennej przy użyciu następującego wiersza kodu:

var sormatedDate = dateofonth + "/" + miesiąc + "/" + rok;

Na koniec użyj funkcji dziennika konsoli, aby wydrukować „Formateddate„Na konsolę jako:

konsola.log (FormatedDate);

Kompletny fragment kodu jest następujący:

var currentDate = new Date ();
konsola.log (CurrentDate);
var miesiąc = CurrentDate.getmonth ();
if (miesiąc < 10) month = "0" + month;
var dateofonth = CurrentDate.getDate ();
if (dateofonth < 10) dateOfMonth = "0" + dateOfMonth;
var rok = bieżący dat.GetiLyear ();
var sormatedDate = dateofonth + "/" + miesiąc + "/" + rok;
konsola.log (FormatedDate);

Po wykonaniu otrzymasz następujące dane wyjściowe na ekranie:

Wniosek

Przekształcenie zmiennej daty w określony format może początkowo wydawać się bardzo zniechęcające. Ale formatowanie dat można bardzo łatwo osiągnąć za pomocą wbudowanej funkcji dostarczanej z JavaScript ES6. W tym samouczkach nauczyliśmy się sformatować datę w formacie DD/MM/JYY, przy użyciu trzech podstawowych funkcji: getMonth (), getDate i GetiLyar ().