用户modernizr强制浏览器使用jQuery UI datepicker而不是浏览器datepicker?

时间:2013-08-22 16:27:00

标签: javascript jquery jquery-ui datepicker modernizr

某些浏览器本身支持date类型并拥有自己的内置日期选择器,但我想强制每个浏览器使用jQuery.UI datepicker(因为我需要能够禁用特定日期)< / p>

我发现这个代码将显示jQuery.UI datepicker如果浏览器本身不支持date类型,但是如何修复此代码以便它强制浏览器一直使用jQuery.UI datepicker ?

if (!Modernizr.inputtypes.date) {
    $('input[type=date]').datepicker();
}

1 个答案:

答案 0 :(得分:1)

不使用date类型输入,只需使用text输入即可。由于您不关心日期输入支持,因此不再需要Modernizr测试。您可能需要为它们提供相同的类,以便您可以选择它们来初始化日期选择器小部件:

<强> HTML

<input type="text" class="date"/>

<强>的jQuery

$('input.date').datepicker();

<强> Working Demo