上一个日期Vallidation

Question

我希望在HTML上添加日期验证。

基本上，当我选择任何以前的日期（今天之前）时，它应该会显示一条弹出消息，告诉我“你必须选择一个有效的日期”。

我不想删掉日期。他们必须能够选择错误的日期并显示弹出消息。

需要在HTML和JavaScript或JQuery中完成。

about:config

Answer 1

如果您要使用folloowing输入字段：

  <input type="date" id="datepicker" name="event_date" class="datepicker">

你可以这样做：

var selectedDate = $('#datepicker').datepicker('getDate');
var now = new Date();
if (selectedDate < now) {
  alert("Please select a valid date");
}

检查所选日期是否小于当前日期。如果是这种情况，你可以采取一些行动