В этой статье объясняются методы отображения даты и времени в формате 12 часов утра/вечера в JavaScript.
Как отображать дату и время в формате 12 часов утра/вечера в JavaScript?
Следующие подходы могут быть применены для отображения даты и времени в формате 12 часов утра/вечера в JavaScript:
- “ toLocaleString() Метод.
- “ toLocaleTimeString() Метод.
- “ В соответствии Функция.
Подход 1: отображение DateTime в формате 12-часового AM/PM в JavaScript с использованием метода toLocaleString()
“ toLocaleString() » возвращает объект даты в виде строки. Этот метод можно применять для возврата текущего времени в формате американского языка.
Синтаксис
Свидание . toLocaleString ( местный , опции )
В заданном синтаксисе
- “ местный ” относится к определенному языковому формату.
- “ опции ” указывает объект, которому могут быть назначены свойства.
Пример
Сначала создайте новый объект даты, используя « новая дата() конструктор:
Теперь примените « toLocaleString() ” метод, имеющий “ НАС ” языковой формат и присвоенные значения времени в качестве его параметров. Здесь, ' час12 ” означает, что час будет отображаться в 12-часовом формате. Это приведет к отображению текущего времени в формате времени США:
приставка. журнал ( время. toLocaleString ( 'в нас' , { час : 'числовой' , минута : 'числовой' , час12 : истинный } ) ) ;
Выход
Подход 2: отображение DateTime в формате 12-часового AM/PM в JavaScript с использованием метода toLocaleTimeString()
“ toLocaleTimeString() » возвращает временной интервал объекта даты в виде строки. Этот метод можно применять аналогично методу toLocaleString(), возвращая время по умолчанию относительно указанной даты.
Пример
В следующем примере аналогичным образом создайте новый объект даты, используя « новая дата() ' и укажите следующую дату в качестве его параметра в последовательности ' год », « месяц ' а также ' день ' соответственно.
После этого примените « toLocaleTimeString() ” с указанным форматом времени в качестве параметра, как обсуждалось в предыдущем методе:
константа ДатаВремя знак равно новый Свидание ( 2022 , 1 , 1 ) . toLocaleTimeString ( 'в нас' , {час : 'числовой' , минута : 'числовой' , час12 : истинный
} )
Наконец, отобразите соответствующее время, полученное по умолчанию по отношению к указанной дате:
приставка. журнал ( ДатаВремя ) ;Выход
Подход 3: отображение DateTime в формате 12-часового AM/PM в JavaScript с использованием встроенной функции
Этот подход может быть реализован для применения условного оператора к формату am/pm.
Приведенный ниже пример иллюстрирует изложенную концепцию.
Пример
константа ДатаВремя знак равно ( свидание ) => {пусть часы знак равно свидание. получитьчасы ( ) ;
пусть минут знак равно свидание. получитьминуты ( ) ;
пусть ап знак равно часы >= 12 ? 'вечера' : 'являюсь' ;
часы знак равно часы % 12 ;
часы знак равно часы ? часы : 12 ;
минуты знак равно минут. нанизывать ( ) . путьНачало ( два , '0' ) ;
отпуститьВремя знак равно часы + ':' + минуты + ' ' + ап ;
возвращаться время слияния ;
}
приставка. журнал ( ДатаВремя ( новый Свидание ( 2022 , 1 , 1 ) ) ) ;
В показанном выше коде:
- Сначала определите « в соответствии ” функция с именем “ ДатаВремя() ». Эта функция будет принимать объект даты в качестве параметра.
- “ получитьчасы() ”, на следующем шаге вернет в функцию текущий час в 24-часовом формате.
- Точно так же « получитьминуты() ” будет получать текущие минуты.
- После этого создайте переменную с именем « ап ” и настройте его на am или pm в зависимости от значения часов.
- На следующем шаге преобразуйте часы в формат « 12 часов » с помощью « % ” для получения остатка от деления на 12.
- В дальнейшем коде примените « нанизывать() », чтобы преобразовать вычисленные минуты в строку, и используйте метод « путьНачало() », чтобы дополнить преобразованную строку 0, если это только одна цифра.
- Наконец, объедините вычисленное время, добавив вычисленные часы, минуты и формат (am/pm) соответственно, и отобразите его:
Выход
Мы рассмотрели подходы, которые можно использовать для отображения даты и времени в формате 12 часов am/pm в JavaScript.
Вывод
“ toLocaleString() », метод « toLocaleTimeString() 'метод' или ' В соответствии » может быть реализована для отображения даты и времени в формате 12 часов am/pm в JavaScript. Первый метод может быть выбран для отображения текущего времени в определенном формате времени, метод toLocaleTimeString() может применяться для возврата времени по умолчанию относительно указанной даты в определенном формате времени, а встроенная функция может быть реализована для применения условный оператор в формате am/pm. В этой статье собраны подходы к отображению даты и времени в формате 12 часов утра/вечера в JavaScript.