JS метод Date.getDate()

Загальний опис

Метод Date.prototype.getDate() є важливим інструментом для роботи з датами в JavaScript. Цей метод є частиною обширного API для роботи з датами та часом в JavaScript. Він дозволяє отримувати конкретний день місяця (від 1 до 31) з об'єкта Date. Отже, якщо вам потрібно розібрати дату на її складові (день, місяць, рік, годину, хвилину і т.д.) для подальшого використання, Date.prototype.getDate() є незамінним методом.

Основні особливості та прийоми

Date.prototype.getDate() є одним з фундаментальних методів роботи з датами в JavaScript. Він надає простий і зручний спосіб отримання числового дня місяця для конкретного об'єкта дати. Давайте розглянемо ключові особливості цього методу та їх практичне застосування.

Локальний час: Метод базується на локальному часі користувача. Тобто, результат може відрізнятися в залежності від часового поясу користувача.

Приклад:

// Створення об'єкта Date для 5-го дня місяця
const date = new Date('2021-03-05');
// Використання методу getDate() для отримання дня місяця
console.log(date.getDate());  // Виведе: 5

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

Тип поверненого значення: Значення, яке повертається методом, є числовим. Так, ви завжди отримаєте число від 1 до 31, що відображає конкретний день місяця.

Приклад:

const date = new Date('2021-02-28');
console.log(date.getDate());  // Виведе: 28

Це може бути корисним, наприклад, коли потрібно автоматично формувати рядок дати без додаткових бібліотек.

Стабільність об'єкта Date: Інший важливий аспект полягає в тому, що метод не змінює оригінальний об'єкт `Date`, а лише повертає інформацію з нього.

Приклад:

const date = new Date('2021-03-05');
date.getDate();
console.log(date);  // Об'єкт Date залишиться незмінним

Поведінка в різних місяцях: Важливо розуміти, що кількість днів у місяці може відрізнятися. Це особливо важливо для лютого, який може мати 28 або 29 днів.

Приклад:

const februaryDate = new Date('2020-02-29');
console.log(februaryDate.getDate());  // Виведе: 29, оскільки 2020 рік є високосним

Доступ до масивів: Іноді програмісти використовують `Date.prototype.getDate()` для доступу до масивів, які представляють дні тижня або місяці, особливо коли роблять кастомні календарі або планувальники.

Приклад:

const days = ["Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П'ятниця", "Субота"];
const currentDay = new Date();
console.log(days[currentDay.getDate() - 1]); // Виведе назву поточного дня тижня

В такому використанні ключовим є правильне відображення індексу масива. Наприклад, якщо ви хочете отримати день тижня з масиву, вам слід використовувати `Date.prototype.getDay(), а не getDate()`.

Сумісність і кросбраузерність: Цей метод підтримується в усіх сучасних браузерах, але завжди варто перевіряти його роботу в старих версіях браузера, особливо якщо ваша цільова аудиторія може їх використовувати.

Порівняння дат: Ще одним популярним застосуванням є порівняння дат.

Приклад:

const startDate = new Date('2021-03-01');
const endDate = new Date('2021-03-10');
const checkDate = new Date('2021-03-05');

if (checkDate.getDate() >= startDate.getDate() && checkDate.getDate() <= endDate.getDate()) {
    console.log("Дата знаходиться в діапазоні.");
} else {
    console.log("Дата поза діапазоном.");
}

При порівнянні дат, рекомендується також враховувати місяць та рік, щоб уникнути помилок у логіці програми.

Синтаксис

getDate()

Параметри

Return

integer

Повертає день місяця для вказаної дати у вигляді числа від 1 до 31.

Переглядачі

• Стаціонарні переглядачі
• Мобільні переглядачі
• Серверні переглядачі

Приклади

• Приклад 1
• Приклад 2
• Приклад 3

const today = new Date();
const daysUntilMonday = (1 - today.getDay() + 7) % 7;
const nextMonday = new Date(today);

// Збільшуємо дату на необхідну кількість днів до понеділка
nextMonday.setDate(today.getDate() + daysUntilMonday);

console.log(`Сьогодні ${today.getDate()} число, а наступний понеділок буде ${nextMonday.getDate()} числа.`);

const today = new Date();
const tomorrow = new Date(today);
tomorrow.setDate(today.getDate() + 1);

if (tomorrow.getDate() === 1) {
    console.log("Сьогодні останній день місяця!");
} else {
    console.log(`Сьогодні ${today.getDate()} число.`);
}