3

type="date"尝试在 Windows Phone 的 Internet Explorer上的输入中使用 jQuery 移动日期选择器时遇到问题。

我使用 Modernizr 库加载日期选择器,如下所示:

Modernizr.load({
 test: Modernizr.inputtypes.date,
  nope: ["../datepicker/js/jquery-ui-1.10.3.custom.js", "../datepicker/js/localizations/jquery.ui.datepicker-fr.js"],
   callback: function () {                
    $("head").append("<link rel='stylesheet' type='text/css' href='../datepicker/css/jquery-ui-1.10.3.custom.css'/>");
    $("input[type=date]").datepicker({ minDate: "+0d" });
   }
});

type=date如果浏览器无法处理它们,则此代码会为我的代码中的每个输入创建一个 datepicker 实例。它实际上工作正常!但是有一种情况我无法理解。

在我的应用程序中,我有一个 jQuery Mobile 弹出窗口(带有 div 的data-role="popup"),其中包含两个输入type="date"。当弹出窗口打开时,我的两个输入有自己的日期选择器,当输入获得焦点时打开。但是有问题。单击第一个日期输入,日期选择器会自行打开,我可以选择一个日期。然后我想选择第二个日期,日期选择器打开,然后,当我在这个日期选择器中选择一个日期时,焦点切换回第一个日期输入,打开第一个日期选择器并且没有在我的第二个日期选择器上选择任何日期。

我尝试在我的输入上为每个输入设置一个专用 id,并通过定位这些 id 创建日期选择器,但结果相同:/

希望你们能理解我暴露的问题。我希望你能帮助我。

4

1 回答 1

0

您可以尝试使用 DateRange 方法吗?

http://jqueryui.com/datepicker/#date-range

于 2013-06-11T08:00:41.070 回答