如何在Firefox中使用HTML 5输入类型=“日期”

时间:2017-11-23 04:41:09

标签: html asp.net-mvc firefox datepicker

我发现奇怪的是,在所有这段时间之后,Firefox仍然不支持输入类型=“日期”。实际上,我不认为他们在输入元素上添加了很多(如果有的话)HTML 5新类型。 IE10不支持它并不奇怪。所以,我的问题是......

如何在没有添加的输入元素上获取type =“date”,而另一个.js文件(即jQueryUI DatePicker Widget)只是为了获取IE和Firefox浏览器的日历/日期?有什么东西可以应用到某个地方(可能是CDN?),这将使这个功能在Firefox和/或IE浏览器中默认工作?尝试针对IE 8+浏览器和Firefox,没关系,最新版本(28.0)会没问题。

更新:Firefox 57+支持输入类型=日期

2 个答案:

答案 0 :(得分:0)

如果您已经在使用jquery,那么您只需按

添加日期选择器即可
<input name="startDate" id="startDate" class="date-picker" />

如果您不使用jquery,可以使用jquery添加此行而不下载任何文件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

并且页面上的脚本将是

$(document).ready(function () {
    $('.date-picker').datepicker( {
         autoclose: true,
         todayHighlight: true,
    });
});

答案 1 :(得分:0)

尝试使用日期选择器插件。因为firefox不支持HTML5日期输入。或者在Firefox中,您可以通过启用dom.forms.datetype选项在about:config中激活它。