Проверка календаря на предыдущую дату

Question

Мне нужно добавить подтверждение (alertbox), если пользователь выбирает предыдущую дату из календаря.

Сегодняшняя дата 13/11/2015. Если пользователь должен был выбрать 12/11/2015, он должен отображать поле оповещения: "Please enter a valid date."

Я смотрел онлайн и, похоже, не нашел ничего общего с этим.

Можно ли это сделать с помощью javascript?

<input type="date" id="leaveDate"> 
<script> 
    alert("Please enter a valid date."); 
</script> 

Answer 1

Если вы не хотите, чтобы пользователь, чтобы выбрать прошлые даты, то я хотел бы предложить вам, чтобы отключить его, как это с помощью DatePicker:

$("#mydate").datepicker({ minDate: 0 }); 

Однако, если вы намерены сделать предупредительное сообщение а затем поток: Check if date is in the past Javascript делает то, что вы ищете.

Answer 2

Учитывая, что вы хотите получить решение в javascript, вот что вы можете попробовать с помощью функции onchange.

<input type='date' onchange="validateDate()" id='mydate'></input> 

<script> 
function validateDate() { 
    var userdate = new Date(document.getElementById("mydate").value).toJSON().slice(0,10); 
    var today = new Date().toJSON().slice(0,10); 
    if(userdate < today){ 
     alert('Your message'); 
    } 
} 
</script> 

PS: Замените «Ваше сообщение» на текст, который хотите отобразить.