javascript - Datepicker 在 Safari 和 FireFox 中不起作用

标签 javascript jquery html firefox safari

我正在尝试使用 HTML5 中的默认日期类型,但 Safari 和 FireFox 不完全支持它,我使用 jQuery 的解决方法也不起作用。

我在 script.js 中有这个

$(document).ready(function(){
    if ( $('#date1').type != 'date' ) $('#date1').datepicker();
});

在表单中,我有这个:

<script src="js/script.js" type="text/javascript"></script>
<input id="date1" name="date1" required="required" type="date" value="MM/DD/YY"/>

当我在 Safari/Firefox 中加载页面时,我没有看到错误,我也检查了元素,没有错误。

我做错了什么?

最佳答案

JQuery 有一个 .type 函数,但是它没有在您的示例中正确使用,也不相关。我相信你想要的是元素的 type property,它可以像这样实现:

$(document).ready(function(){
    if ( $('#date1').prop('type') != 'date' ) $('#date1').datepicker();
});

这是一个比较 .type.prop('type') 的 JSFiddle:https://jsfiddle.net/hczg6uyf/1/

这是您的固定代码的 JSFiddle,由 Tom 在下面的评论中提供:https://jsfiddle.net/51wLrxy0/1/

关于javascript - Datepicker 在 Safari 和 FireFox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39417547/

相关文章:

javascript - 根据给定索引突出显示字符串

jquery - 将值从 div 传递给 JS

javascript - 即使出现错误,ajaxSubmit 也会调用成功回调

html - 如何防止图像/ block 换行?

flash - 什么是 Flash 的最新和最好的替代品?

c# - MVC4 表单验证 - 自定义 html 消息 howto?

javascript - 使用 Bootstrap 时无法禁用下拉列表

javascript - React 中的切换功能

javascript - 范围变量应用问题期间的 Angular 快速单击

javascript - 满足条件时停止 Jquery.map