Datepicker не работает в 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свойство, которое может быть достигнуто следующим образом:

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

Вот является JSFiddle сравнения .type к .prop('type'): https://jsfiddle.net/hczg6uyf/1/

Вот JSFiddle вашего фиксированного кода, поставленный Томом в комментариях ниже: https://jsfiddle.net/51wLrxy0/1/