日期输入限制 iPad答案

【问题标题】：Date Input restriction iPad日期输入限制 iPad
【发布时间】：2012-06-19 19:09:36
【问题描述】：

所以我正在制作一个需要与 iPad 互动的 WEBAPP。应用程序中有一个日期输入字段。在桌面浏览器上，我使用的是 jQuery UI Datepicker，但对于 iOS，我真的很喜欢使用日期输入字段时本机弹出的“轮子”：

问题是限制范围。我可以通过 minDate / maxDate 选项使用 jQuery UI Datepicker 轻松限制范围。并且 html5 日期输入字段“应该”像 <input type="date" min="2000-01-02" /> 一样在本机内置此功能。但是，这对 iOS 轮子没有影响。有没有办法可以在 iOS 轮子中进行日期范围限制？

怎么了？没有一条评论？没有一个答案？必须有办法做到这一点！

【问题讨论】：

我也找不到解决办法。

标签： jquery ios ipad html mobile-safari

【解决方案1】：

这在官方上是不可能的。

【讨论】：

【解决方案2】：

我只是在 Opera（但不适用于 Opera for mobile ）和 PlayBook 浏览器上测试和 min 和 max 工作。

Opera 上只有一个问题：今天按钮会覆盖范围。

如果您真的想添加一个范围，您可以使用 jquery + date.js(http://datejs.googlecode.com/files/date.js) 并在您不使用 js datepicker 时添加警报

$("#bday").change(function(e){
  var d = Date.parse($(e.target).val());
  if ($(e.target).val().trim().length > 0 && d){
   if ($(e.target).attr("min") && d.compareTo(Date.parse($(e.target).attr("min")))== -1 ){
      alert("the date should greater than " +$(e.target).attr("min"));
      $(e.target).focus();
   }

   if ($(e.target).attr("max") && d.compareTo(Date.parse($(e.target).attr("max")))==1  ){
      alert("the date should greater than " + $(e.target).attr("max"));
      $(e.target).focus();
   }
 }
});

小心我还没来得及完全测试它

【讨论】：

我不想在选择后设置限制。我已经有了，我正在寻找可以在轮子本身中禁用它。