Работа с датами в JavaScript — обычное требование для многих веб-разработчиков. В этой статье блога мы рассмотрим различные методы форматирования объектов Date JavaScript в короткие форматы. Мы рассмотрим несколько методов с примерами кода, которые помогут вам легко реализовать форматирование даты в ваших приложениях JavaScript. К концу вы получите четкое представление о том, как форматировать даты в краткой и читаемой форме.

Методы форматирования даты JavaScript в коротком формате:

1. Использование метода toLocaleDateString():
   Метод toLocaleDateString() обеспечивает удобный способ форматирования объекта Date в короткую строку даты на основе настроек локали пользователя.

const date = new Date();
const formattedDate = date.toLocaleDateString();
console.log(formattedDate);

2. Использование API Intl.DateTimeFormat:
   API Intl.DateTimeFormat предлагает расширенные возможности форматирования дат, позволяя настраивать вывод на основе различных языковых стандартов и параметров форматирования.

const date = new Date();
const formatter = new Intl.DateTimeFormat('en-US', { dateStyle: 'short' });
const formattedDate = formatter.format(date);
console.log(formattedDate);

3. Использование библиотеки Moment.js.
   Moment.js — популярная библиотека JavaScript для работы с датами и временем. Он предоставляет полный набор функций, включая возможности гибкого форматирования даты.

const date = new Date();
const formattedDate = moment(date).format('MM/DD/YYYY');
console.log(formattedDate);

4. Использование библиотеки date-fns.
   Библиотека date-fns — это еще одна мощная библиотека для работы с датами, предлагающая различные утилиты, включая функции форматирования даты.

import { format } from 'date-fns';
import { enUS } from 'date-fns/locale';
const date = new Date();
const formattedDate = format(date, 'MM/dd/yyyy', { locale: enUS });
console.log(formattedDate);

<ол старт="5">

Форматирование компонентов даты вручную.
Если вы предпочитаете более индивидуальный подход, вы можете вручную извлечь отдельные компоненты даты и отформатировать их по своему усмотрению.

const date = new Date();
const day = String(date.getDate()).padStart(2, '0');
const month = String(date.getMonth() + 1).padStart(2, '0');
const year = String(date.getFullYear()).padStart(4, '0');
const formattedDate = `${month}/${day}/${year}`;
console.log(formattedDate);

Форматирование дат в JavaScript имеет решающее значение для их удобного отображения. В этой статье мы рассмотрели несколько методов форматирования объектов Date JavaScript в короткие форматы. Предпочитаете ли вы использовать встроенные методы, такие как toLocaleDateString() и API Intl.DateTimeFormat, или использовать популярные библиотеки, такие как Moment.js и date-fns, теперь у вас есть ряд вариантов на выбор. Применяя эти методы, вы можете гарантировать, что форматирование даты соответствует конкретным требованиям ваших приложений JavaScript.