javascript - 用户modernizr强制浏览器使用jQuery UI datepicker而不是浏览器datepicker？

Question

一些浏览器本身支持date类型并有自己的内置日期选择器，但我想强制每个浏览器使用 jQuery.UI 日期选择器（因为我需要能够禁用特定日期）

如果浏览器本身不支持date类型，我发现此代码将显示 jQuery.UI datepicker，但我将如何修复此代码以强制浏览器始终使用 jQuery.UI datepicker？

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

Answer 1

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

HTML

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

jQuery

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

工作演示