html input date不起效,JavaScript – HTML 5 input type =“date”在Firefox中不起作用

Firefox

doesn’t support HTML5’s .

你有两个选择：

>总是使用Javascript日期时间选择器,或

>检查浏览器是否支持该标签,如果是使用它,如果没有,然后回退在javascript datepicker(jQuery或其他一些).

使用总是一个javascript的datepicker更容易和更快,但它将无法使用javascript禁用(谁在乎),它将在移动上工作非常糟糕(这很重要),它会闻到老.

使用混合方法可以让您覆盖每一种情况,直到当前每个浏览器都将以标准化的方式支持HTML5日期戳,而不需要JavaScript.这是未来的,而this is especially important in mobile browsing,其中javascript日期检查器几乎不可用.

这是一个开始的例子,每个< input type =“date”/>每个页面的元素自动：

$(function(){

if (!Modernizr.inputtypes.date) {

// If not native HTML5 support, fallback to jQuery datePicker

$('input[type=date]').datepicker({

// Consistent format with the HTML5 picker

dateFormat : 'yy-mm-dd'

},

// Localization

$.datepicker.regional['it']

);

}

});

它使用jQuery,因为我使用jQuery,但你可以自由地用jQuery部分替换为vanilla javascript,而datepicker部分则是您选择的javascript datepicker.