Получить текущую дату в JavaScript

Содержание

JavaScript — это объектно-ориентированный и мощный язык программирования, который используется для создания интерактивных веб-сайтов и приложений. Точно так же, как веб-сайт имеет html и CSS в качестве неотъемлемых элементов, JavaScript также является неотъемлемой частью веб-сайта. Веб-сайт неполноценен без кодирования JavaScript. Программисты и разработчики также могут форматировать даты в JavaScript, чтобы они отображались на веб-сайтах, которые обычно имеют удобочитаемый формат, чтобы пользователи могли легко его понять. Иногда получение текущей даты также является частью проекта.

Мы пролили свет на то, как вы можете получить текущую дату в JavaScript. Есть несколько вариантов, которые можно попробовать.

Способы получения текущей даты в JavaScript

Формат даты в JavaScript важен для правильного кода. Здесь мы обсудим способы получения текущей даты в формате ММ/ДД/ГГГГ в JavaScript. Ознакомьтесь с вариантами, которые вы можете попытаться получить сегодняшней датой:

Вариант 1 — Использование toLocaleDateString()

Это самый простой метод, который возвращает строку, указывающую на указанный экземпляр Date, в соответствии с соглашениями, указанными в языке. Вам нужно использовать en-US для получения MM/DD/YYYY. Для этого вам просто нужно создать новый объект Date с переменной, равной новой Date(). Чтобы получить текущую дату в формате месяца, дня и года, для переменной необходимо установить значение to.LocalDateString(). В конце концов, вызовите лог хранимой в нем переменной на консоли, чтобы получить вывод. Таким образом, вы можете довольно просто получить текущую дату в JavaScript.  

Вы можете легко реализовать эту опцию, чтобы получить текущую дату.

Вариант 2 — Использование Date()

Это конструктор, используемый для создания нового объекта даты, определяющего сегодняшнюю дату и время. С этим классом у вас есть много служебных методов, которые помогают получить текущий месяц, дату и год. Как упоминалось выше, вам нужно создать переменную, хранящуюся в новой Date(). getDate() используется для возврата дня месяца, getMonth() работает для возврата месяца, getFullYear() возвращает полный год. Вам нужно установить переменную для каждого, а затем, чтобы получить текущую дату в формате месяца, дня и года, вызовите журнал на консоли каждый со знаком $.    

Это еще один способ получить информацию в нужном вам формате.

Вариант 3. Использование Moment.JS

Moment.js — это библиотека, которую уже установило большинство программистов. Это еще один простой способ получить текущую дату. В этой библиотеке метод format() используется для принятия нужного формата для разбора момента. Вы можете кодировать, используя moment.js, настроив момент как переменную, хранящуюся в require(). После этого просто укажите нужный формат в format(), а затем вызовите журнал консоли, чтобы получить текущую дату.

Вариант 4 – Получить дату со временем

Большую часть времени вам необходимо отображать время на веб-сайте вместе с текущей датой. Это самый простой вариант, который также может помочь программистам получить текущую дату и время. Чтобы получить часы, минуты и секунды с датой, создайте новую функцию Date() и сохраните ее в переменной. Используйте переменную, чтобы получить полный год, текущий месяц и текущую дату. Для получения времени установите переменную для получения времени в формате чч:мм:сс. Вызовите обе переменные вместе, чтобы получить желаемый результат.

Вариант 5 — Использование slice()

Это метод, используемый для получения даты, который работает с методом toJSON(). slice() помогает вам получить 10 символов в начале. Вам нужно позволить currentDate установить новую дату(), используя toJSON и slice() из диапазона 0-10. Когда вы вызываете журнал, вы получаете текущую дату.   

Если вы используете JSON, вы можете использовать описанный выше метод для получения текущей даты.

Заключение

Мы выделили варианты получения текущей даты. Вам нужно форматировать даты в JavaScript именно так, как вы хотите. Все вышеперечисленные варианты просты, но эффективны для получения текущей даты. Я использовал их все один за другим, так что это уже было протестировано. Чтобы узнать больше о Javascript, посетите веб-сайт LearnShareIT — Давайте узнаем о языках программирования

Фото Габриэля Хайнцера на Unsplash Ванильный JavaScript Date API. Вся информация о текущей дате может быть доступна в одной строке кода в различных форматах.

  1. Получить текущий день
  2. Получить текущий месяц
  3. Получить текущий год
  4. Получить текущее время
  5. Получить текущую дату

Вам потребуется создать новый объект Date с помощью конструктора Date()

, чтобы получить текущую дату. Конструктор Date поддерживается во всех браузерах. Создайте его без каких-либо параметров:

«Если параметры не указаны, вновь созданный объект Date представляет текущую дату и время на момент создания экземпляра».

— МДН

 константная текущая дата = новая дата ()
 
Вывод объекта Current Date

Получить текущий день

Получить текущий день недели

Чтобы получить текущий день недели, используйте метод getDay() для объекта currentDate . Возвращаемое значение представляет собой целое число.

 константная текущая дата = новая дата ()
текущаяДата.getDay()
 
Вывод текущего дня недели

ПРИМЕЧАНИЕ. Индекс дня недели начинается с 0, а 0 означает воскресенье.

Получить название текущего дня недели

Если вы хотите получить название дня недели, используйте Метод toLocaleString() со свойствами. Возвращаемое значение представляет собой строку с языковым представлением этой даты.

 константная текущая дата = новая дата ()
currentDate.toLocaleString('en-US', {день недели: 'длинный'})
 
Вывод имени текущего дня недели

Первым аргументом является локаль , которая представляет язык. Второй — это объект options , где вы можете установить свойство дня недели со значением long.

Получить текущий день месяца

Чтобы получить день месяца, используйте метод getDate() . Возвращаемое значение представляет собой целое число.

 константная текущая дата = новая дата ()
текущая дата.  получить дату ()
 
Вывод текущего дня месяца

Получить текущий месяц

Получить номер текущего месяца

Чтобы получить текущий месяц, используйте метод getMonth() . Возвращаемое значение представляет собой целое число.

ПРИМЕЧАНИЕ. Индекс месяца начинается с 0, а 0 соответствует январю.

 константная текущая дата = новая дата ()
текущаяДата.getMonth()
 
Вывод текущего месяца

Получить название текущего месяца

Чтобы получить название месяца, используйте метод toLocaleString() со свойствами. Возвращаемое значение представляет собой строку с языковым представлением этой даты.

 константная текущая дата = новая дата ()
currentDate.toLocaleString('en-US', {месяц: 'длинный'})
 
Вывод имени текущего месяца

Первый аргумент — это локаль , которая представляет язык. Второй это options объект, где вы можете установить свойство месяца со значением long.

Получить текущий год

Чтобы получить текущий год, используйте метод getFullYear() . Возвращаемое значение представляет собой целое число.

 константная текущая дата = новая дата ()
currentDate.getFullYear()
 
Вывод за текущий год

Получить текущее время

Чтобы получить текущее время, вы можете использовать один из следующих методов.

Получить текущие часы

Чтобы получить текущие часы, используйте Метод getHours() . Возвращаемое значение представляет собой целое число.

 константная текущая дата = новая дата ()
currentDate.getHours()
 
Вывод текущих часов

Получить текущие минуты

Чтобы получить текущие минуты, используйте метод getMinutes() . Возвращаемое значение представляет собой целое число.

 константная текущая дата = новая дата ()
currentDate.getMinutes()
 
Вывод текущих минут

Получить текущие секунды

Чтобы получить текущие секунды, используйте getSeconds() 9Метод 0072. Возвращаемое значение представляет собой целое число.

 константная текущая дата = новая дата ()
currentDate.getSeconds()
 
Вывод текущих секунд

Получить текущее время в определенном формате

Чтобы получить текущее время в определенном формате времени (AM/PM или 24H), используйте метод toLocaleTimeString() со свойствами. Возвращаемое значение представляет собой строку в определенном формате.

 константная текущая дата = новая дата ()
currentDate.toLocaleTimeString('en-US', {hour12: false})
 
Текущее время в формате вывода

Первым аргументом является локаль , которая представляет язык. Второй объект options , где вы можете установить желаемый формат времени.

Получить текущую дату

Наконец, чтобы получить текущую дату в строковом формате, включая день недели, месяц, день месяца и год, используйте метод toLocaleString() с параметрами, включая объект параметров, содержащий все эти значения.