Вступ до форматів дати JavaScript

Дата - це вбудований об’єкт у JavaScript, і він зберігає дату та час, і він використовується для зберігання, створення та зміни часу, вимірювання часу або відображення поточної дати з компонентом 'час' або без нього у різних форматах. Він також пропонує різні функції або методи, з якими можна грати.

Примірник дати JavaScript представляє момент часу у незалежному від платформи форматі. Об'єкт Дата містить як дату, так і частину часу. ISO 8601 (YYYY-MM-DD) - це міжнародний стандарт представлення дати та часу та бажаний формат дати в JavaScript. Також об'єкти дати містять число, яке представляє дату та час у мілісекундах з 1 січня 1970 року UTC, залежно від значення, яке надається об’єкту Date.

Синтаксис

Щоб визначити новий об’єкт дати, нам потрібно зателефонувати до нової дати () з одним із наступних варіантів:

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

Нам потрібно використовувати нового оператора, щоб створити об'єкт Date. Якщо ми використовуємо об'єкт Date безпосередньо, наприклад зараз = 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 року»
  • Коротка дата - "11.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?

Категорія:

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