javascript - 先前日期验证

Question

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

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

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

需要用 HTML 和 JavaScript 或 JQuery 来完成。

<input id="txtDate" type="date">

Answer 1

如果您要使用以下输入字段:

  <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");
}

它检查所选日期是否小于当前日期。如果是这种情况，您可以采取一些措施