Установка типа ввода даты Минимум до Сегодня и выдача ошибки проверки - PullRequest
Новая
       3

Установка типа ввода даты Минимум до Сегодня и выдача ошибки проверки

0 голосов
/ 10 декабря 2018

В настоящее время у меня есть этот указатель даты в моей форме вставки, однако я не уверен, как установить минимальное значение в качестве сегодняшней даты и как получить сообщение об ошибке, если дата отправки перед сегодняшней датой.

В этом сценарии мне разрешено использовать только классику ASP, HTML5 и JQuery.

Примечание: у меня практически нет опыта работы с JQuery, поэтому я не понимаю многие из уже доступных решений. 

<input type="date" name="expirydate" id="expirydate" size="60%"  required>

1 Ответ

0 голосов
/ 10 декабря 2018

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

Мы можем использовать функцию даты getTime () , который возвращает время для указанной даты в соответствии с универсальным временем, чтобы решить эту проблему.

Подробнее о функциях даты здесь MDN 

var date = document.getElementById('expirydate');
date.addEventListener('change', function(){
  var d = new Date();
  //console.log(d);
  var nd = new Date(this.value);
  
  if(new Date(this.value).getTime() <= d.getTime()){
    console.log("Error, Date must be greater than today");
  }
  else{
    console.log("success")
  }
})
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<input type="date" name="expirydate" id="expirydate" size="60%"  required>  
</body>
</html>
...