У цій статті ми дізнаємося про різні способи форматування об’єкта Date у різні рядки дати різних форматів за допомогою JavaScript.

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

Наведений нижче список містить різні способи форматування дати в JavaScript:

Зміст

як об'єднати рядки в java

• Спосіб 1. Використання методу toDateString().
• Спосіб 2. Використання методу toISOString().
• Спосіб 3. Використання методу toLocaleDateString().
• Спосіб 4. Використання методу toLocaleString().
• Спосіб 5. Використання методу об’єкта Intl.DateTimeFormat().
• Спосіб 6. Відформатуйте дату вручну за допомогою методів Date

Спосіб 1. Використання методу toDateString().

The метод toDateString(). форматує об'єкт дати у формат, зрозумілий людині День Місяць Дата Рік.

Синтаксис:

що робить ravel у python

dateObj.toDateString();>

приклад: Наведений нижче приклад коду пояснює використання методу toDateString() для форматування дати.

const currentDate = new Date(); const formattedDate = currentDate.toDateString(); console.log(formattedDate);>

Fri Dec 29 2023>

Спосіб 2: використання методу toISOString().

The метод toISOTring(). відформатує дані відповідно до міжнародних стандартів відповідно до формату ISO 8601.

Синтаксис:

dateObj.toISOString();>

приклад: Наведений нижче приклад коду реалізує метод toISOString() для форматування об’єкта дати.

const currentDate = new Date(); const formattedDate = currentDate.toISOString(); console.log(formattedDate);>

2023-12-29T09:39:27.634Z>

Спосіб 3. Використання методу toLocaleDateString().

метод toLocaleDateString(). відформатує частину дати об’єкта дати у той самий формат, який отримала ваша система, або у вказаний формат.

Синтаксис:

dateObj.toLocaleDateString();

приклад: Наведений нижче приклад коду перетворює дату у формат, отриманий вашою системою.

10 у степені 6

const currentDate = new Date(); const formattedLocalDate = currentDate.toLocaleDateString(); const formattedInSpecifiedFormat = currentDate.toLocaleDateString("hi-IN"); console.log(formattedLocalDate); console.log(formattedInSpecifiedFormat);>

12/29/2023 29/12/2023>

Спосіб 4. Використання методу toLocaleString().

метод toLocaleString(). працюватиме так само, як і toLocaleDateString(). Єдина відмінність полягає в тому, що він також повертає час із відформатованим рядком.

Синтаксис:

що таке obj в java

dateObj.toLocaleString();

приклад: У прикладі нижче використовується метод toLocaleString() для форматування дати.

const currentDate = new Date(); const formattedLocalDate = currentDate.toLocaleString(); const formattedInSpecifiedFormat = currentDate.toLocaleString("hi-IN"); console.log(formattedLocalDate); console.log(formattedInSpecifiedFormat);>

12/29/2023, 9:39:27 AM 29/12/2023, 9:39:27 am>

Спосіб 5. Використання методу об’єкта Intl.DateTimeFormat().

Метод об’єкта Intl.DateTimeFormat(). є потужним об’єктним методом для форматування об’єкта дати. Він форматує дату у вказаний формат із зазначеними параметрами форматування дати й часу.

Синтаксис:

const formatObj = new Intl.DateTimeFormat('en-US'); formatObj.format(dateObj);>

приклад: Наведений нижче приклад форматує об’єкт дати за допомогою методу об’єкта intl.DateTimeFormat().

const currentDate = new Date(); const dateTimeFormatter = new Intl.DateTimeFormat("en-US", {dateStyle: 'long'}); const formattedDate = dateTimeFormatter.format(currentDate); console.log(formattedDate);>

December 29, 2023>

Спосіб 6. Відформатуйте дату вручну за допомогою методів Date

У цьому підході ми будемо використовувати різні методи дати, щоб отримати день, дату, місяць і рік об’єкта дати, а потім об’єднаємо їх, щоб сформувати відформатований рядок дати.

приклад: У наведеному нижче прикладі коду використовуються різні методи дати для отримання та форматування дати.

const weekDays =  ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; const monthsArr =  ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; const currentDateObj = new Date(); const currentDay = weekDays[currentDateObj.getDay()]; const currentDate = currentDateObj.getDate(); const currentMonth = monthsArr[currentDateObj.getMonth()]; const currentYear = currentDateObj.getFullYear(); console.log(`${currentDay} ${currentDate} ${currentMonth}, ${currentYear}`);>

Fri 29 Dec, 2023>