禁用特定日期之前的日期选择

Question

我希望当用户选择开始日期和结束日期时，所选开始日期之前的日期将在结束日期变为禁用。我正在使用HTML5输入type=date。我怎样才能完成这项任务？

Answer 1

如果您使用的是Datepicker，请将 min 或 max 属性添加到输入类型=日期。您的日期也必须采用此（yyyy-mm-dd）格式。

Answer 2

您应该始终在服务器端级别验证内容，但如果没有看到您的代码，就很难猜出它的外观。

但是，您可以使用属性min="YYYY-mm-dd"指定第一个有效日期，max="YYYY-mm-dd"同样可以选择最长可用日期。

您可以使用JavaScript动态修改此内容，例如

<input type="date" id="start" name="start" onChange='var end = document.getElementById("end"); end.setAttribute("min", this.value); end.value = (this.value);' />
<input type="date" id="end" name="end" />

这会将min的属性id="end"设置为id=start所选的值。

<强> JSFiddle