В JavaScript месяцы представлены как (0-11), что довольно сложно угадать, особенно в случае нескольких дат в коде. В другом сценарии может потребоваться получить месяц относительно определенного часового пояса. В таких случаях получение названия месяца из даты в JavaScript очень помогает конечному разработчику.
В этом руководстве мы обсудим подходы к получению названия месяца из даты с помощью JavaScript.
Как получить название месяца из даты с помощью JavaScript?
Название месяца из даты можно получить в JavaScript, используя следующие подходы:
- “ toLocaleString() метод.
- “ получитьМесяц() метод.
- “ ДатаВремяФормат() 'Конструктор.
Давайте обсудим заявленные подходы один за другим!
Подход 1: получение названия месяца из даты в JavaScript с использованием метода toLocaleString()
“ toLocaleString() ” выдает число в виде строки в формате местного языка. Этот метод можно применять для извлечения названия месяца из объекта даты, содержащего текущую или указанную дату.
Синтаксис
свидание. toLocaleString ( местный , опции )В приведенном выше синтаксисе:
- “ свидание ” указывает на переменную, содержащую объект даты.
- “ местный ” соответствуют часовым поясам.
- “ опции ” относится к объекту, имеющему возможность форматирования.
Пример 1: получение названия месяца из текущей даты
В этом примере название месяца будет получено из « Текущий ' свидание:
< тип сценария знак равно 'текст/javascript' >пусть дата знак равно новый Свидание ( ) ;
приставка. журнал ( 'Текущая дата:' , свидание )
пусть получитьМесяц знак равно свидание. toLocaleString ( 'дефолт' , {
месяц : 'длинная' ,
} ) ;
приставка. журнал ( «Месяц:» , получитьМесяц ) ;
сценарий >
Примените следующие шаги, как указано в приведенном выше коде:
- Создайте новый объект даты с помощью « новый ключевое слово ' и ' Свидание() », соответственно, и отобразить его.
- На следующем шаге примените « toLocaleString() ” и свяжите его с переменной, содержащей объект даты.
- Параметр options в параметре метода будет установлен на « месяц ». Это приведет к выборке месяца относительно текущей даты.
- Наконец, отобразите соответствующий месяц на консоли.
Выход
В приведенном выше выводе можно заметить, что месяц « ноябрь ” соответствует как текущей дате, так и выбранному месяцу из даты.
Пример 2. Получение названия месяца из указанной даты
В этом конкретном примере название месяца будет извлечено из « указанный ' свидание:
< тип сценария знак равно 'текст/javascript' >пусть дата знак равно новый Свидание ( 2021 , два , 25 ) ;
пусть получитьМесяц знак равно свидание. toLocaleString ( 'дефолт' , {
месяц : 'длинная' ,
} ) ;
приставка. журнал ( «Месяц:» , получитьМесяц ) ;
сценарий >
Примените приведенные ниже шаги, как указано в приведенных выше строках кода:
- Укажите указанную дату с помощью кнопки « Свидание() конструктор, как обсуждалось.
- Вспомните обсуждавшийся в предыдущем примере подход к извлечению месяца из связанной переменной, содержащей объект даты.
- Наконец, отобразите соответствующий месяц относительно указанной даты.
Выход
Поскольку месяцы представлены от (0-11), следовательно, « два 'здесь указан месяц' Маршировать ».
Подход 2: получить название месяца из даты в JavaScript с помощью метода getMonth()
“ получитьМесяц() ” возвращает месяц (от 0 до 11) даты взамен. Этот метод может быть реализован для отображения соответствующего месяца из массива относительно переданной даты с помощью пользовательской функции.
Пример
Давайте рассмотрим приведенный ниже пример:
< тип сценария знак равно 'текст/javascript' >пусть fetchMonth знак равно функция ( свидание ) {
месяцСписок знак равно [ 'Январь' , 'Февраль' , 'Маршировать' , 'Апреля' , 'Май' , 'Июнь' , 'Июль' , 'Август' , 'Сентябрь' , 'Октябрь' , 'Ноябрь' , 'Декабрь' ] ;
возвращаться месяцСписок [ свидание. получитьМесяц ( ) ] ;
} ;
приставка. журнал ( «Месяц:» , fetchMonth ( новый Свидание ( '05.08.2012' ) ) ) ;
приставка. журнал ( «Месяц:» , fetchMonth ( новый Свидание ( '13.07.2022' ) ) ) ;
сценарий >
Выполните следующие шаги, как указано в приведенном выше фрагменте кода:
- Определите встроенную функцию с именем « fetchMonth() 'имеющий' свидание ” в качестве его параметра, который будет содержать переданную дату и получать против нее месяц.
- В определении функции создайте массив с именем « месяцСписок ” имея все календарные месяцы.
- После этого примените « получитьМесяц() ” и свяжите его с переданной датой, чтобы извлечь месяц относительно него (даты).
- Наконец, получите доступ к определенной функции, передав даты, указанные с помощью « Свидание() 'Конструктор.
Выход
Приведенный выше вывод указывает на то, что желаемое требование было выполнено.
Подход 3: получить название месяца из даты в JavaScript с помощью конструктора Intl.DateTimeFormat
“ Международный ФорматЧисла() » создает новый объект, тем самым обеспечивая форматирование числа с учетом языка. Этот подход может быть применен для передачи целевой даты в « формат() ” и отформатируйте его на основе переданной опции.
Синтаксис
Международный Формат номера ( местный , опции )В приведенном выше синтаксисе:
- “ местный ” относятся к часовым поясам.
- “ опции ” соответствуют параметрам форматирования.
Пример
Взгляните на следующий код:
< тип сценария знак равно 'текст/javascript' >приставка. журнал ( «Месяц:» , новый Международный ДатаВремяФормат ( 'в нас' , { месяц : 'длинная' } ) . формат ( новый Свидание ( 2022 , 3 , пятнадцать ) ) )
сценарий >
Примените указанные ниже шаги, как указано в приведенном выше операторе кода:
- Примените « ДатаВремяФормат() ' конструктор с указанным часовым поясом и опцией ' месяц в качестве его параметров.
- “ формат() ” будет форматировать дату, указанную в “ Свидание() ” конструктор согласно заявленному часовому поясу.
- Следовательно, соответствующее « месяц ” против даты будет отображаться на консоли.
Выход
В приведенном выше выводе месяц “ апреля ” относится к указанному числовому месяцу “ 3 » в Дате.
Вывод
“ toLocaleString() », метод « получитьМесяц() 'метод' или ' Международный формат даты и времени () » можно использовать для извлечения названия месяца из даты в JavaScript. Метод toLocaleString() можно использовать для получения названия месяца из текущей или указанной даты. Метод getMonth() напрямую извлекает месяц из переданной даты. Принимая во внимание, что конструктор Intl.DateTimeFormat() может быть реализован для форматирования даты на основе добавленной опции. В этом блоге объяснялись методы извлечения названия месяца из даты в JavaScript.