Форматування дат у JavaScript: як перетворити об’єкт дати на рядок

Освоєння форматування дати в JavaScript

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

У цьому посібнику ми розглянемо, як відформатувати об’єкт JavaScript Date як рядок, зокрема у форматі: 10-Aug-2010. До кінця цього підручника ви отримаєте знання, щоб ефективно працювати з форматуванням дати у своїх проектах JavaScript.

Розуміння сценаріїв форматування дати в JavaScript

Надані сценарії демонструють, як форматувати JavaScript Date об'єкт у рядок у потрібному форматі "10-Aug-2010". Сценарій інтерфейсу використовує toLocaleDateString метод, який форматує дату відповідно до угод, що залежать від локалі, і повертає її як рядок. Цей метод є надзвичайно універсальним, дозволяючи розробникам вказувати різні параметри форматування. У цьому випадку ми використовуємо параметри { day: '2-digit', month: 'short', year: 'numeric' }, щоб отримати день, скорочений місяць і чотиризначний рік. The replace метод потім використовується для заміни пробілів на дефіси, досягаючи кінцевого бажаного формату. Наведений приклад демонструє, як створити a Date об’єкт за 10 серпня 2010 р. і правильно відформатувати його за допомогою функції.

Бекенд-сценарій використовує Node.js і Express для створення простого сервера, який форматує дату та надсилає її як відповідь. The require Команда використовується для імпорту необхідних модулів. The express ініціалізує програму Express і app.get визначає обробник маршруту для запитів GET. У цьому обробнику, formatDate функція викликається для форматування дати, і відформатована дата надсилається як відповідь за допомогою res.send. нарешті, app.listen запускає сервер на вказаному порту та прослуховує вхідні з’єднання. Цей сценарій показує, як форматування дати можна інтегрувати в програму на стороні сервера, що дозволяє динамічно обслуговувати відформатовані дати.

// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
  const options = { day: '2-digit', month: 'short', year: 'numeric' };
  return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}

// Example usage
const date = new Date(2010, 7, 10); // 10-Aug-2010
const formattedDate = formatDate(date);
console.log(formattedDate); // Output: 10-Aug-2010

const express = require('express');
const app = express();
const port = 3000;

// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
  const options = { day: '2-digit', month: 'short', year: 'numeric' };
  return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}

app.get('/formatted-date', (req, res) => {
  const date = new Date(2010, 7, 10); // 10-Aug-2010
  const formattedDate = formatDate(date);
  res.send(`Formatted Date: ${formattedDate}`);
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

Розширені методи форматування дати в JavaScript

За межами використання toLocaleDateString і базової заміни рядків, JavaScript пропонує різні інші методи форматування дати, забезпечуючи більшу гнучкість для розробників. Одним з таких методів є Intl.DateTimeFormat, потужний інструмент, представлений разом з API інтернаціоналізації ECMAScript, який дозволяє точно контролювати формат дат і часу. The Intl.DateTimeFormat об’єкт дозволяє розробникам вказувати параметри локалі та форматування, створюючи узгоджені результати в різних середовищах. Цей метод особливо корисний під час роботи з декількома мовами або спеціальними форматами дати й часу, які безпосередньо не підтримуються toLocaleDateString.

Ще один підхід, який слід розглянути, це використання таких бібліотек, як moment.js або date-fns. Ці бібліотеки надають більш повний набір інструментів для обробки та форматування дат, спрощуючи складні операції з датами. Наприклад, moment.js дозволяє форматувати дати за допомогою простого та інтуїтивно зрозумілого синтаксису, наприклад moment(date).format('DD-MMM-YYYY'), який безпосередньо створює потрібний формат. У той час як рідні методи підходять для основних потреб, ці бібліотеки безцінні для додатків, які вимагають широких можливостей обробки дати та форматування.