Question

我正在升级到客户的网站，我发现了以下挑战：

该客户有一个由两个日期输入标签组成的预订系统，以确定他/她进入酒店房间的日期。我知道有一些jQuery甚至纯javascript驱动的插件（比如DHTMLX套件甚至是jQuery EasyUI控件）在这个意义上都有奇迹，但我想知道是否可以添加日期阻止功能到一个普通的<input type="date">标签。

到目前为止，我必须使用<datalist>标记添加预定义日期，并将其与日期输入一起使用list属性，但这就是它。

是否可以使用javascript阻止日期？

Answer 1

<input type="date">的支持似乎仍为not solid。我有兴趣了解这个功能即将到来。我发现this article非常有用，其示例使用Opera作为示例，让您了解即将发生的事情。

这是包含数据输入的fiddle。对我而言，它呈现为纯文本字段:(

<input id="startdate" name="startdate" min="2012-01-01" max="2013-01-01" type="date">

Answer 2

如果HTML5版本不适合你（它不适合我），你可以随时使用jQueryUI的Datepicker：

<input type="text" id="example-date">

然后在你的剧本中：

$('#example-date').datepicker({ minDate: +1 });

这会将最小可选日期设置为当天的一天。

Answer 3

<input type="date">

应支持属性min，max和value

javascript - 在日期输入中阻止一组日期，是否可能？

3 个答案: