日期输入限制 iPad

Posted 2023-03-12

【中文标题】日期输入限制 iPad

【英文标题】：Date Input restriction 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 ***中进行日期范围限制？

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

【问题讨论】：

我也找不到解决办法。

【参考方案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();
   
 
);​

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

【讨论】：

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