Вывести текущую дату JavaScript/jQuery

В JS можно получить текущую дату и время с помощью объекта Date. Вот примеры кода, которые выводят текущую дату в текстовое поле, в разных форматах:

1
<input id="text" type="text" value="">
HTML
var today = new Date();
var day = String(today.getDate()).padStart(2, '0');
var month = String(today.getMonth() + 1).padStart(2, '0');
var year = today.getFullYear();
var currentDate = `${day}.${month}.${year}`;

var inputField = document.getElementById('text');
inputField.value = currentDate;

// $("#text").val(currentDate);
JS

Результат:

2

Сокращённая запись даты:

<input id="text" type="text" value="">
HTML
var today = new Date();
var day = String(today.getDate()).padStart(2, '0');
var month = String(today.getMonth() + 1).padStart(2, '0');
var year = String(today.getFullYear()).slice(-2);
var currentDate = `${day}.${month}.${year}`;

var inputField = document.getElementById('text');
inputField.value = currentDate;

// $("#text").val(currentDate);
JS
3

Получение текущей даты в американском формате (MM/DD/YYYY):

<input id="text" type="text" value="">
HTML
var today = new Date();
var day = String(today.getDate()).padStart(2, '0');
var month = String(today.getMonth() + 1).padStart(2, '0');
var year = today.getFullYear();
var currentDate = `${month}/${day}/${year}`;

var inputField = document.getElementById('text');
inputField.value = currentDate;

// $("#text").val(currentDate);
JS

Результат:

4

Вывод текущей даты и времени:

<input id="text" type="text" value="">
HTML
var today = new Date();
var day = String(today.getDate()).padStart(2, '0');
var month = String(today.getMonth() + 1).padStart(2, '0');
var year = today.getFullYear();
var hours = String(today.getHours()).padStart(2, '0');
var minutes = String(today.getMinutes()).padStart(2, '0');
var currentDate = `${day}.${month}.${year} ${hours}:${minutes}`;
 
var inputField = document.getElementById('text');
inputField.value = currentDate;
 
// $("#text").val(currentDate);
JS

Результат:

06.02.2025
441
Предыдущая запись Примеры использования JS Fetch

Комментарии

, чтобы добавить комментарий.

Другие публикации

Работа с Input Text jQuery
Сборник приемов JQuery для работы с текстовыми полями. Во всех примерах используется следующий html код...
135509
+16
Селекторы JQuery
В jQuery, селекторы в основном позаимствованы из CSS 1-3, также добавлены свои, что дало хороший набор инструментов для манипуляций с элементами в документе.
17576
+12
Работа с select с помощью JQuery
Сборник методов JQuery для работы с выпадающими списками select option с примерами.
266816
+17
Работа с Textarea jQuery
Сборник jQuery приемов с textarea - получить содержимое, вставить значение, подсчет количества символов и строк и т.д.
56836
+4
Автовысота редактора CKEditor
Сделать так, чтобы редактор растягивался на всю высоту контента можно с помощью плагина Auto Grow для CKEditor 4.
3958
-2
Появление элемента в области просмотра браузера
Отследить появление блока при скроллинге можно с помощью события onscroll, вычисляя его положение методами jquery...
52515
+14