Введение в форматы дат JavaScript

Дата - это встроенный в JavaScript объект, который хранит дату и время и используется для хранения, создания и изменения времени, измерения времени или отображения текущей даты с или без компонента «время» в различных форматах по желанию. Он также предоставляет различные функции или методы для игры.

JavaScript Date instance представляет момент времени в независимом от платформы формате. Объект Date содержит как часть даты, так и часть времени. ISO 8601 (ГГГГ-ММ-ДД) является международным стандартом для представления даты и времени, а также предпочтительным форматом даты в JavaScript. Кроме того, объекты Date содержат число, представляющее дату и время в миллисекундах с 1 января 1970 года UTC, в зависимости от значения, присвоенного объекту Date.

Синтаксис

Чтобы определить новый объект Date, нам нужно вызвать новый Date () с одним из следующих параметров:

new Date();
new Date(value);
new Date(dateString);
new Date(year, month index (, day (, hours (, minutes (, seconds (, milliseconds))))));

Нам нужно использовать оператор new для создания экземпляра объекта Date. Если мы будем использовать объект Date напрямую, например now = Date (), возвращаемое значение будет строкой, а не объектом Date.

Если аргументы не предоставлены, объект Date отображает текущую дату и время. По умолчанию объект Date в JavaScript отображает дату / время по местному времени.

Примеры JavaScript форматов даты

Давайте посмотрим с помощью нескольких примеров ниже:

Пример № 1

Показать текущую дату и время

Код



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;

Выход:

Форматы даты

Различные способы форматирования даты в JavaScript:

  • Дата ISO (международный стандарт) - «2019-11-06»
  • Длинная дата - «12 ноября 2019 года» или «12 ноября 2019 года»
  • Короткая дата - «12/11/2019»

Пример № 2

Даты показа в разных форматах

Код



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())

Выход:

Из приведенного выше кода видно, что часть месяца месяца начинается с нуля, т. Е. Январь является нулевым месяцем. То же самое относится и к дневной части (getDay ()), воскресенье начинается с нуля.

Когда мы указываем дату в строковом формате в объекте Date, мы склонны записывать его как «12-11-2019» (12 ноября 2019 года), но в JavaScript указание даты в этом формате приводит к неверному значению даты.

Пример # 3

Неверная дата отображается

Код



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;

Выход:

Теперь мы будем отображать дату и время в миллисекундах с помощью функции Date.parse (). Эта функция возвращает точное количество миллисекунд, прошедших с полуночи 1 января 1970 года до указанной даты.

Пример № 4

Дата в миллисекундах

Код



var msec_date = Date.parse('12-11-2019');
console.log("Date in Milli-Seconds:", msec_date)

Выход:

Хорошая вещь об объекте JavaScript Date заключается в том, что, если мы предоставляем значение, которое не попадает в допустимый диапазон, JavaScript автоматически пересчитывает дату для получения приемлемого значения даты. Давайте рассмотрим пример:

Пример № 5

Автокоррекция значения даты

Код



var autocorrect_date = new Date(2019, 9, 46);
console.log("Date Value:", autocorrect_date)

Выход:

Приведенный выше пример кода пересчитывает предоставленное значение и отображает правильное, допустимое значение даты. Кроме того, если мы заметим в разделе кода о том, как предоставляется значение данных, кажется, что мы можем разбить часть значения даты и времени и представить ее в виде отдельных чисел, разделенных запятой. Значение «9» представляет октябрь месяц, как обсуждалось в предыдущем разделе этой статьи, что часть месяца месяца начинается с 0 (январь = 0, февраль = 1 и т. Д.)

Вывод

В этой статье мы изучили объект даты в JavaScript и поняли различные форматы даты и времени, которые можно отображать в JavaScript с помощью встроенных методов даты и времени. Один из лучших методов - создавать даты с помощью метода аргументов и избегать использования метода строки даты.

Рекомендуемые статьи

Это руководство по форматам дат JavaScript. Здесь мы обсуждаем Введение в JavaScript вместе с соответствующими примерами. Вы также можете просмотреть наши другие предлагаемые статьи, чтобы узнать больше -

  1. Безопасность веб-приложений
  2. Что такое WebSocket?
  3. Что такое веб-службы ASP.Net?
  4. Что такое Selenium Web Driver?

Категория:

Разработка программного обеспечения