Intl.DateTimeFormat
This commit is contained in:
parent
00395e9111
commit
82c592eca5
74
~/JavaScript/Intl.DateTimeFormat.js
Normal file
74
~/JavaScript/Intl.DateTimeFormat.js
Normal file
@ -0,0 +1,74 @@
|
||||
// Опеределяем, каким образом должна юыть отформтированна дата
|
||||
let exampleFormatter = new Intl.DateTimeFormat('en-US', {
|
||||
// Стиль форматирования для даты
|
||||
// Может использоваться с timeStyle, но не с другими опциями
|
||||
// 'full' (по умолчанию), 'long', 'medium', 'short'
|
||||
// dateStyle: 'full',
|
||||
|
||||
// Стиль форматирования для времени
|
||||
// Может использоваться с dateStyle, но не с другими опциями
|
||||
// 'full' (по умолчанию), 'long', 'medium', 'short'
|
||||
// timeStyle: 'full',
|
||||
|
||||
// Если true, используется 12 часовой формат времени
|
||||
// Значение по умолчанию зависит от локали
|
||||
hour12: true,
|
||||
|
||||
// Как отформатировать время суток (am, morning и т.д.)
|
||||
// Работает только если используются 12-часовой формат времени
|
||||
// 'narrow', 'short', или 'long'
|
||||
dayPeriod: 'narrow',
|
||||
|
||||
// Стиль форматирования дней недели
|
||||
// 'long' ("Четверг"), 'short' ("Чт"), 'narrow' ("Ч")
|
||||
weekday: 'long',
|
||||
|
||||
// Стиль форматирования эпохт
|
||||
// 'long' ("Anno Domini"), 'short' ("AD"), 'narrow' ("A")
|
||||
era: 'short',
|
||||
|
||||
// Стиль форматирования года
|
||||
// 'numeric' ("2023"), '2-digit' ("23")
|
||||
year: 'numeric',
|
||||
|
||||
// Стиль форматирования месяца
|
||||
// 'numeric' ("3"), '2-digit' ("03"), 'long' ("Март"), 'short' ("Мар"), 'narrow' ("М")
|
||||
month: 'long',
|
||||
|
||||
// Стиль форматирования дня месяца
|
||||
// 'numeric' ("1"), '2-digit' ("01")
|
||||
day: 'numeric',
|
||||
|
||||
// Стиль форматирования часов
|
||||
// 'numeric', '2-digit'
|
||||
hour: 'numeric',
|
||||
|
||||
// Стиль форматирования минут
|
||||
// 'numeric', '2-digit'
|
||||
minute: 'numeric',
|
||||
|
||||
// Стиль форматирования секунд
|
||||
// 'numeric', '2-digit'
|
||||
second: 'numeric',
|
||||
|
||||
// Количество цифр, отоброжаемых в долях секунд
|
||||
// от 0 до 3
|
||||
fractionalSecondDigits: 1,
|
||||
|
||||
// Стиль форматирования часвого пояса
|
||||
// 'long' ("Eastern Standard Time"), 'short' ("EST"), 'shortOffset' ("GMT-5"), 'longOffset' ("GMT-0500"), 'shortGeneric' ("ET"), 'longGeneric' ("Eastern Time")
|
||||
timeZoneName: 'short'
|
||||
});
|
||||
|
||||
let formatter = new Intl.DateTimeFormat('en-US', {
|
||||
dateStyle: 'medium',
|
||||
timeStyle: 'short'
|
||||
});
|
||||
|
||||
// Создание объекта Data
|
||||
let date = new Date('2023-10-31T22:00:00');
|
||||
|
||||
// Форматирование даты в строку
|
||||
// вернёт "Oct 31, 2023, 10:00 PM"
|
||||
let halloween = formatter.format(date);
|
||||
console.log(halloween);
|
@ -8,6 +8,9 @@
|
||||
- [Add DOM Elements](addElements.js) - Добавление элементов в DOM
|
||||
- [Add Class](addClass.js) - Добавление/Удаление классов
|
||||
|
||||
## Advanced
|
||||
- [Intl.DateTimeFormat](Intl.DateTimeFormat.js) - форматировнные строки из дат
|
||||
|
||||
## Перебор элементов
|
||||
- [Object.entries()](Object.entries.js) - Перебор объектов, ассоционных массивов
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user