我一直在测试一个带有一些jQuery UI元素的页面,Safari一直让我头疼。查看链接:http://data-buckeye-590.appspot.com/index
第一个文本输入使用jQuery自动完成,两个日期字段都使用datepickers。现在,日期选择器在Chrome上完美运行,但在Safari上无法运行。任何线索为什么会发生这种情况?
的index.html
<!DOCTYPE html>
<html lang="pt_BR">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/jquery-ui/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
<link rel="stylesheet" href="styles/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="styles/main.css">
<link rel="import" href="elements/imports.html">
</head>
<body fullbleed layout vertical unresolved>
<h1>Datas de entrada e saída no hotel</h1>
<input type="text" id="form_date_in" autocomplete="off" readonly placeholder="Entrada">
<input type="text" id="form_date_out" autocomplete="off" readonly placeholder="Saída">
<script src="scripts/main.js"> </script>
</body>
</html>
main.js
document.addEventListener('polymer-ready', function() {
$("#form_date_in").datepicker({
numberOfMonths: 2,
dateFormat: 'dd-mm-yy',
minDate: "+1w",
maxDate: "+330d",
onClose: function(selectedDate) {
$("#form_date_out").datepicker("option", "minDate", selectedDate);
}
});
$("#form_date_out").datepicker({
numberOfMonths: 2,
dateFormat: 'dd-mm-yy',
maxDate: "+330d"
});
});
答案 0 :(得分:0)
我找到了解决方案但不是导致此问题的原因。我通过Bower安装了jQuery,我运行的是最新版本的jQuery Core 1.11.2。
我通过jQuery CDN版本链接到以前的版本(1.10.2),并且Datepicker工作正常。