setDate() - изменение дня месяца в дате в JavaScript

setDate() изменяет день месяца в объекте Date, меняет существующую дату. При этом метод может автоматически сдвинуть месяц или даже год, если передать значение за пределами обычного диапазона.

Синтаксис

Базовая запись выглядит так:

date.setDate(dayValue)

Где:

• date - это объект Date
• dayValue - новый день месяца

Что возвращает setDate()

Метод возвращает timestamp - количество миллисекунд с 1 января 1970 года.

const date = new Date(2025, 0, 15);
const result = date.setDate(20);

console.log(typeof result); // "number"
console.log(result === date.getTime()); // true
console.log(date.getDate()); // 20

Это важно: setDate() возвращает число, а не новый объект Date.

Простой пример

const date = new Date(2025, 0, 15);

date.setDate(20);

console.log(date.getDate()); // 20

Здесь:

• 2025 - год
• 0 - январь
• 15 - исходный день месяца

После вызова метода день месяца становится 20.

Обычно используют значения от 1 до 31

В большинстве случаев в setDate() передают обычный день месяца:

• 1 - первое число
• 15 - пятнадцатое число
• 31 - тридцать первое число

const date = new Date(2025, 0, 15);

date.setDate(1);

console.log(date.getDate()); // 1

Но у setDate() есть полезная особенность: он умеет работать и со значениями вне этого диапазона.

setDate() меняет исходную дату

Это главное отличие от методов вроде getDate().

setDate() не просто читает значение, а изменяет сам объект Date.

const date = new Date(2025, 0, 15);

date.setDate(20);

console.log(date.getDate()); // 20

Если объект даты используется в нескольких местах, это поведение важно учитывать.

Чем setDate() отличается от getDate()

Эти методы связаны, но делают разное.

• getDate() читает день месяца
• setDate() изменяет день месяца

const date = new Date(2025, 0, 15);

console.log(date.getDate()); // 15

date.setDate(20);

console.log(date.getDate()); // 20

setDate() работает по локальному времени

Это важный момент.

Метод setDate() изменяет дату с точки зрения локального часового пояса пользователя.

Если нужно менять день месяца именно по UTC, используют setUTCDate().

Чем setDate() отличается от setUTCDate()

Разница такая:

• setDate() изменяет день месяца по локальному времени
• setUTCDate() изменяет день месяца по UTC

Во многих случаях результат будет похожим, но при работе с серверным временем и ISO-строками лучше использовать тот метод, который соответствует вашей задаче.

День месяца может выходить за пределы 1..31

Это одна из самых полезных особенностей Date.

Если передать значение больше допустимого, JavaScript автоматически перенесёт дату в следующий месяц.

const date = new Date(2025, 0, 31);

date.setDate(32);

console.log(date.getFullYear()); // 2025
console.log(date.getMonth()); // 1
console.log(date.getDate()); // 1

Здесь 32 означает переход на 1 февраля 2025 года.

0 - это последний день предыдущего месяца

Этот приём часто используют на практике.

Если передать 0, дата перейдёт на последний день предыдущего месяца.

const date = new Date(2025, 0, 15);

date.setDate(0);

console.log(date.getFullYear()); // 2024
console.log(date.getMonth()); // 11
console.log(date.getDate()); // 31

Здесь дата превращается в 31 декабря 2024 года.

setDate() не меняет день недели напрямую

Это полезно помнить, потому что setDate() работает именно с числом месяца.

Он не устанавливает понедельник, вторник или другой день недели.

const date = new Date(2025, 0, 15);

date.setDate(1);

console.log(date.getDate()); // 1
console.log(date.getDay()); // день недели считается отдельно

То есть setDate(1) означает первое число месяца, а не понедельник.

Invalid Date не восстанавливается через setDate()

Если объект уже невалидный, setDate() не сможет сделать его рабочим снова.

const date = new Date("invalid");

console.log(date.setDate(10)); // NaN
console.log(String(date)); // "Invalid Date"

Невалидное значение делает дату Invalid Date

Если в setDate() передать NaN или значение, которое превращается в NaN, результатом будет невалидная дата.

const date = new Date(2025, 0, 15);

console.log(date.setDate(NaN)); // NaN
console.log(String(date)); // "Invalid Date"

Это важно помнить, если день месяца приходит из формы, API или пользовательского ввода.

setDate() не создаёт новый объект даты

Этот метод не создаёт новую дату рядом со старой.

Он изменяет уже существующий объект Date.

const date = new Date(2025, 0, 15);
const sameDate = date;

date.setDate(20);

console.log(sameDate.getDate()); // 20

Обе переменные указывают на один и тот же объект.

Когда это полезно

setDate() особенно удобен, когда:

• нужно изменить день месяца у существующей даты
• вы сдвигаете дату вперёд или назад через числа вроде 0 или 32
• хотите собрать новую дату на основе уже существующей
• нужно быстро перейти на первое или последнее число месяца

Пример:

const deadline = new Date(2025, 0, 15);

deadline.setDate(1);

console.log(deadline.getDate()); // 1

Частые ошибки

Ожидать новый объект Date, а не изменение старого

const date = new Date(2025, 0, 15);

date.setDate(20);

console.log(date.getDate()); // 20

Метод меняет исходный объект.

Ожидать объект Date в результате

const date = new Date(2025, 0, 15);
const result = date.setDate(20);

console.log(typeof result); // "number"

Результат метода - timestamp, а не объект даты.

Думать, что setDate() принимает только значения от 1 до 31

const date = new Date(2025, 0, 31);

date.setDate(32);

Ошибка не появится. JavaScript просто перенесёт дату в следующий месяц.

Забывать, что 0 - это не ошибка

const date = new Date(2025, 0, 15);

date.setDate(0);

Так можно получить последний день предыдущего месяца.

Путать день месяца и день недели

const date = new Date(2025, 0, 15);

date.setDate(1);
console.log(date.getDay());

setDate() работает с числом месяца, а не с днём недели.

Путать setDate() и getDate()

const date = new Date(2025, 0, 15);

console.log(date.getDate()); // 15
date.setDate(20);

Один метод читает значение, другой его изменяет.

Забывать про локальное время

setDate() работает по локальному часовому поясу пользователя.

Если важен именно UTC, лучше смотреть в сторону setUTCDate().

Быстрая памятка

• setDate() вызывается у объекта Date
• метод изменяет исходную дату
• результатом является timestamp
• обычно передают день месяца от 1 до 31
• значения вроде 0 и 32 тоже допустимы и нормализуются автоматически
• setDate() работает по локальному времени
• для UTC есть setUTCDate()
• у невалидного аргумента результатом будет Invalid Date
• Invalid Date через setDate() не восстанавливается

Коротко

setDate() в JavaScript нужен, чтобы изменить день месяца в объекте Date. Главное, что стоит запомнить: метод меняет исходную дату, возвращает timestamp, работает по локальному времени, умеет автоматически переходить в другой месяц и отличается от getDate() тем, что не читает значение, а именно изменяет его.