Методы установки даты в JavaScript

Оглавление

    Показать оглавление

Методы Set Date позволяют устанавливать значения дат (годы, месяцы, дни, часы, минуты, секунды, миллисекунды) для объекта даты.

Установить методы даты

Методы Set Date используются для установки части даты:

setDate()

Установите день в виде числа (1-31).

setFullYear()

Установите год (необязательно месяц и день)

setHours()

Установите час (0-23)

setMilliseconds()

Установите миллисекунды (0-999)

setMinutes()

Установите минуты (0-59)

setMonth()

Установите месяц (0-11)

setSeconds()

Установите секунды (0-59)

setTime()

Установите время (миллисекунды с 1 января 1970 г.)

Метод setFullYear()

Метод setFullYear() устанавливает год объекта даты. В этом примере до 2020 года:

Пример

const d = new Date();
d.setFullYear(2020);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setFullYear()</h2>
<p>The setFullYear() method sets the year of a date object:</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setFullYear(2020);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Метод setFullYear() может необязательно устанавливать месяц и день:

Пример

const d = new Date();
d.setFullYear(2020, 11, 3);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setFullYear()</h2>
<p>The setFullYear() method can optionally set month and day.</p>
<p>Please note that month counts from 0. December is month 11:</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setFullYear(2020, 11, 3);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Метод setMonth()

Метод setMonth() устанавливает месяц объекта даты (0-11):

Пример

const d = new Date();
d.setMonth(11);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setMonth()</h2>
<p>The setMonth() method sets the mont of a date object.</p>
<p>Note that months count from 0. December is month 11:</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setMonth(11);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Метод setDate()

Метод setDate() устанавливает день объекта даты (1-31):

Пример

const d = new Date();
d.setDate(15);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setDate()</h2>
<p>The setDate() method sets the day of a date object:</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setDate(15);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Метод setDate() также можно использовать для добавления дней к дате:

Пример

const d = new Date();
d.setDate(d.getDate() + 50);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setDate()</h2>
<p>The setDate() method can be used to add days to a date.</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setDate(d.getDate() + 50);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Если добавление дней смещает месяц или год, изменения автоматически обрабатываются объектом Date.

Метод setHours()

Метод setHours() устанавливает часы объекта даты (0-23):

Пример

const d = new Date();
d.setHours(22);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setHours()</h2>
<p>The setHours() method sets the hours of a date object:</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setHours(22);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Метод setMinutes()

Метод setMinutes() устанавливает минуты объекта даты (0-59):

Пример

const d = new Date();
d.setMinutes(30);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setMinutes()</h2>
<p>The setMinutes() method sets the minutes of a date object (0-59):</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setMinutes(30);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Метод setSeconds()

Метод setSeconds() устанавливает секунды объекта даты (0-59):

Пример

const d = new Date();
d.setSeconds(30);

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setSeconds()</h2>
<p>The setSeconds() method sets the seconds of a date object (0-59):</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setSeconds(30);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Сравнить даты

Даты можно легко сравнить.

В следующем примере сравнивается сегодняшняя дата с 14 января 2100 года:

Пример

let text = "";
const today = new Date();
const someday = new Date();
 someday.setFullYear(2100, 0, 14);
if (someday > today) {
  text = "Today is before January 14, 2100.";
} else {
    text = "Today is after January 14, 2100.";
}

Попробуйте сами →

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
let text;
const today = new Date();
const someday = new Date();
someday.setFullYear(2100, 0, 14);

if (someday > today) {
  text = "Today is before January 14, 2100.";
} else {
  text = "Today is after January 14, 2100.";
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

JavaScript считает месяцы от 0 до 11. Январь — 0. Декабрь — 11.

Полная ссылка на дату в JavaScript

Для получения полной информации о датах перейдите по ссылке:

Полная ссылка на дату в JavaScript.

Справочник содержит описания и примеры всех свойств Date и методы.