Настройка даты и времени в input

160

18 января 2020, 22:50

Как сделать, чтобы <input type="datetime-local" > имел максимальное значение даты и времени, сегодня. Через JS.

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

Answer 1

Чисто для даты используйте date:

var today = new Date(); 
var dd = today.getDate(); 
var mm = today.getMonth() + 1; // Месяца идут с 0, так что добавляем 1. 
var yyyy = today.getFullYear(); 
if(dd < 10){ 
  dd='0' + dd 
}  
if(mm < 10){ 
  mm='0' + mm 
}  
 
today = yyyy + '-' + mm + '-' + dd; 
document.getElementById("datetime-local").setAttribute("max", today);

<input id="datetime-local" type="date"></input>

Если нужно ещё и время, тогда можно вот так:

var today = new Date(); 
var dd = today.getDate(); 
var mm = today.getMonth() + 1; // Месяца идут с 0, так что добавляем 1. 
var yyyy = today.getFullYear(); 
var minutes = today.getMinutes(); 
var hour = today.getHours(); 
if(dd < 10){ 
  dd='0' + dd 
}  
if(mm < 10){ 
  mm='0' + mm 
} 
if(hour < 10){ 
  hour='0' + hour 
} 
if(minutes < 10){ 
  minutes='0' + minutes 
} 
 
today = yyyy + '-' + mm + '-' + dd + 'T' + hour + ':' + minutes; 
document.getElementById("datetime-local").setAttribute("max", today);

<input id="datetime-local" type="datetime-local"></input>

Answer 2

<input
    type="datetime-local"
    id="meeting-time"
    name="meeting-time"
    value="2018-06-12T19:30"
    min="2018-06-07T00:00"
    max="2018-06-14T00:00">

value - формат который ты установил как базовое значение
min - минимальная дата
max - максимальная дата которая может быть установленна пользователем

ссылка на больше информации:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Классы JS (В частности ES5)

Допустим такой код:

169

javascript

Как задать параметры дебаггеру в visual studio code?

Не могу разобраться как настроить debugger в vs code, а именно, куда передавать эти глобальные переменные, вот пример того как они выглядят в вебшторме

122

javascript

Отрисовка стрелки спидометра в canvas

Хочу сделать анимацию спидометра с помощью canvasНо мне необходимо, чтобы стрелка спидометра была треугольной формы и при изменении значения,...

134

javascript

Не работает функция в reactJS

Выводит это:

154