日期输入限制iPad

时间:2012-06-19 19:09:37

标签: jquery ios ipad html5 mobile-safari

所以我正在制作 WEBAPP ,需要与iPad合作。应用程序中有一个日期输入字段。在桌面浏览器上,我使用的是jQuery UI Datepicker,但对于iOS,我非常喜欢使用日期输入字段时弹出的“轮子”:enter image description here

问题是限制范围。我可以通过minDate / maxDate选项轻松地使用jQuery UI Datepicker限制范围。并且html5日期输入字段被“假设”使这个函数本身内置,如<input type="date" min="2000-01-02" />。然而,这对iOS车轮没有影响。有没有办法在iOS车轮上进行日期范围限制?

这笔交易是什么?没有评论?没有一个答案?必须有办法做到这一点!

2 个答案:

答案 0 :(得分:3)

这是官方不可能的。

答案 1 :(得分:1)

我只是测试并且min和max适用于Opera(但不适用于Opera for mobile)和PlayBook浏览器。

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

如果你真的想要添加一个范围,可以使用jquery + date.js(http://datejs.googlecode.com/files/date.js)并在不使用js datepicker时添加警告< / p>

$("#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();
   }
 }
});​

小心我没有时间完全测试