用户modernizr强制浏览器使用jQuery UI日期选择器,而不是浏览器日期选择器

User modernizr to force browser to use jQuery UI datepicker instead of browser datepicker?

本文关键字:选择器 日期 浏览器 UI jQuery modernizr 用户      更新时间:2023-09-26

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

我发现如果浏览器本机不支持date类型,这段代码将显示jQuery.UI日期选择器,但我该如何修复这段代码,使其强制浏览器始终使用jQuery.UI日期选择器?

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

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

HTML

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

jQuery

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

工作演示