Есть ли способ запретить пользователю выбирать прошедшую дату из календаря HTML5 или как скрыть прошедшую дату в календаре html5? Мне просто нужно, чтобы пользователь выбрал текущую дату или будущее, а не дату в прошлом. Вы можете мне помочь с этим, пожалуйста? Я не хочу использовать какие-либо плагины

<input id="start" type="date" data-date-inline-picker="true" class="form-control" name="date">
-1
Kareem Sultan 6 Янв 2018 в 17:14

2 ответа

Лучший ответ

Вы можете сделать это, указав в качестве значения min сегодняшнюю дату. Дата должна быть в формате ISO (yyyy-mm-dd), как это

<input id="start" type="date" data-date-inline-picker="true" class="form-control" name="date" min="2018-01-06">

Атрибуты min и max должны быть полной датой; нет возможности указать «сегодня» или «+0». Чтобы сделать это динамически, вам необходимо использовать JavaScript или серверный язык, например:

var today = new Date().toISOString().split('T')[0];
document.getElementsByName("date")[0].setAttribute('min', today);
<input id="start" type="date" data-date-inline-picker="true" class="form-control" name="date" >
3
Sanchit Patiyal 6 Янв 2018 в 14:18

Для этого вам понадобится javascript:

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
 if(dd<10){
        dd='0'+dd
    } 
    if(mm<10){
        mm='0'+mm
    } 

today = yyyy+'-'+mm+'-'+dd;
document.getElementById("start").setAttribute("min", today);
<input id="start" type="date" data-date-inline-picker="true" class="form-control" name="date" min="">
1
David Moškoř 6 Янв 2018 в 14:21