日期选择器在 safari 和 FireFox 中不起作用

Question

我正在尝试使用 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 中加载页面时，我没有看到错误，我也检查了元素，没有错误。

我究竟做错了什么？

Answer 1

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

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

下面是一个的jsfiddle比较.type来.prop('type')：https://jsfiddle.net/hczg6uyf/1/

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