Jak wyświetlić DATETIME w formacie 10 -godzinnej AM/PM w JavaScript?

Wyświetlanie DATETIME w formacie 12 godzin/PM jest stosunkowo wygodne do efektywnej analizy czasu. Ponadto podejście to zmniejsza zamieszanie między porankiem a wieczorem. Na przykład „„AM/PM”Oba definiują pewien określony przedział czasowy i można łatwo odnosić się do czasu, który nie ma miejsca w 24 -godzinnym formacie.

Ten zapis wyjaśni metody wyświetlania datetime w formacie 12-godzinnej AM/PM w JavaScript.

Jak wyświetlić DATETIME w formacie 12 godzin/PM w JavaScript?

Poniższe podejścia można zastosować, aby wyświetlić DATETIME w formacie 12 godzin/PM w JavaScript:

• "Tolocalestring ()" Metoda.
• "Tolocaletimestring ()" Metoda.
• "Wline”Funkcja.

Podejście 1: Wyświetl DATETIME w formacie 12 -godzinnej AM/PM w JavaScript za pomocą metody TolocaleString ()

„„Tolocalestring ()”Metoda zwraca obiekt daty w postaci ciągu. Tę metodę można zastosować, aby zwrócić bieżący czas w formacie języka USA.

Składnia

Data.Tolocalestring (lokalizacje, opcje)

W danej składni,

• "lokalizacje”Odnosi się do konkretnego formatu języka.
• "opcje”Wskazuje obiekt, do którego można przypisać właściwości.

Przykład
Najpierw utwórz nowy obiekt daty za pomocą „Nowa data()„Konstruktor:

var time = new Date ();

Teraz zastosuj „Tolocalestring ()„Metoda posiadająca„NAS„Format językowy i przypisane wartości czasu jako jego parametry. Tutaj, "godzina12”Wskazuje, że godzina będzie wyświetlana w 12-godzinnym formacie. Spowoduje to wyświetlenie bieżącego czasu w amerykańskim formacie czasowym:

konsola.Log (czas.Tolocalestring („en-us”, hour: „numeryczne”, minuta: „numeryczne”, hour12: true));

Wyjście

Podejście 2: Wyświetl DATETIME w formacie 12 -godzinnej AM/PM w JavaScript za pomocą metody Tolocaletimestring ()

„„Tolocaletimestring ()”Metoda zwraca czas obiektu daty jako ciągu. Metodę tę można zastosować podobnie do metody Tolocalestring (), zwracając domyślny czas w stosunku do określonej daty.

Przykład
W poniższym przykładzie utwórz nowy obiekt daty za pomocą „Nowa data()”Konstruktor i określ następującą datę jako jego parametr w sekwencji„rok”,„miesiąc" I "dzieńOdpowiednio.

Następnie zastosuj „Tolocaletimestring ()„Metoda z określonym formatem czasu jako jego parametru, jak omówiono w poprzedniej metodzie:

const dateTime = nowa data (2022, 1, 1).Tolocaletimestring („en-us”,
Godzina: „numeryczne”, minutę: „numeryczne”, godzina12: prawda
)

Na koniec wyświetl odpowiedni czas, w wyniku czego domyślny czas w odniesieniu do określonej daty:

konsola.log (dateTime);

Wyjście

Podejście 3: Wyświetl DATETIME w formacie 12 -godzinnej AM/PM w JavaScript za pomocą funkcji inline

Takie podejście można wdrożyć w celu zastosowania operatora warunkowego do formatu AM/PM.

Poniższy przykład ilustruje podaną koncepcję.

Przykład

const dateTime = (data) =>
Niech godziny = data.gethours ();
Pare minuty = data.getminutes ();
Niech ap = godziny> = 12 ? „PM”: „AM”;
godziny = godziny % 12;
godziny = godziny ? Godziny: 12;
minuty = minuty.ToString ().Padstart (2, „0”);
niech mergetime = godziny + ':' + minuty + " + ap;;
zwróć Mergetime;

konsola.log (DateTime (nowa data (2022, 1, 1)));

W powyższym kodzie:

• Najpierw zdefiniuj „Wline”Funkcja o nazwie„DateTime ()". Ta funkcja przyjmie obiekt daty jako jego parametr.
• „„gethours ()”Metoda, w następnym kroku, zwróci bieżącą godzinę w 24-godzinnym formacie w funkcji.
• Podobnie „„ „getminutes ()„Metoda odzyska obecne minuty.
• Następnie utwórz zmienną o nazwie „AP”I dostosuj go do AM lub PM w odniesieniu do wartości godzin.
• W następnym kroku przekształć godziny w format „12 godzin”Z pomocą„%„Operator za resztę oddziału do 12.
• W dalszym kodeksie zastosuj „ToString ()„Metoda konwersji obliczonych minut na ciąg i użyć„padstart ()”Metoda podania konwertowanego ciągu z 0, jeśli jest to tylko jedna cyfra.
• Na koniec scal obliczony czas, dodając odpowiednio obliczone godziny, minuty i format (AM/PM) i wyświetlić go:

Wyjście

Dokonaliśmy podejść, które można wykorzystać do wyświetlania datetime w formacie 12 godzin/PM w JavaScript.

Wniosek

„„Tolocalestring ()„Metoda,„Tolocaletimestring ()”Metoda lub„Wline„Funkcja może być zaimplementowana w celu wyświetlania DATETIME w formacie 12 godzin/PM w JavaScript. Pierwszą metodę można zdecydować, aby wyświetlić bieżący czas w określonym formacie czasowym, metodę Tolocaletimestring () można zastosować, aby zwrócić domyślny czas w odniesieniu do określonej daty w określonym formacie czasu, a funkcję inline można wdrożyć w celu zastosowania operator warunkowy do formatu AM/PM. Ten zapis skompilował podejścia do wyświetlania danych DATETIME w formacie 12 godzin/PM w JavaScript.