<HTML> 上一个日期验证答案

【问题标题】：<HTML> Previous Date Vallidation<HTML> 上一个日期验证
【发布时间】：2016-02-12 12:10:00
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案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");
}

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

【讨论】：

@CollinKoornstra 因为datepicker() 函数仅适用于jQuery datapicker 对象而不适用于普通类型=日期输入，您可能需要编写一个更完整的示例。或者直接把JS的第一行换成var selectedDate = document.querySelector('#datepicker').valueAsDate;