我试图在Internet Explorer for Windows phone上的输入type="date"上使用jQuery mobile datepicker时遇到问题。
我使用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"。当弹出窗口打开时，我的两个输入有自己的日期选择器，当输入获得焦点时，它会打开。但是有问题。点击第一个日期输入，datepicker打开自己，我可以选择一个日期。然后我想选择第二个日期，打开datepicker，然后，当我在此日期选择器中选择日期时，焦点切换回第一个日期输入，打开第一个日期选择器，并且不在我的第二个日期选择器上选择任何日期。 / p>
我尝试在每个输入上添加一个专用ID，并通过定位这些ID来创建日期选择器，但结果相同：/
希望你们能理解我揭露的问题。我希望你能帮助我。