限制HTML 5中的日期范围

Question

我有一个输入字段，类型为日期

<input type="date" id="datepick" name="mybirthday" placeholder="Birthdate(MM/DD/YYYY)" />

这里我想限制用户可以选择的日期范围。更具体地说，我不希望用户选择像2015年8月22日这样的生日。我怎么能这样做？

Answer 1

使用min和max属性：

<label>Enter a date before 1989-10-30:</label>
<input type="date" name="myDate" max="1989-10-29">

<label>Enter a date after 2001-01-01:</label>
<input type="date" name="myDate" min="2001-01-02">

Answer 2

我不确定这一点，但我记得在某处读取HTML5日期选择器基于浏览器区域设置，并且可能无法在所有访问者的浏览器中提供所需的输出。例如。在美国，日期格式为MM / dd / yyyy，而在英国则为dd / MM / yyyy。

我不想处理所有这些或者让它运气好，所以我最终使用了jQueryUI datepicker ..许多事件已经在你身上随时可用......