jQuery UI Datepicker在Chrome上运行但在Safari上运行

时间:2015-01-20 19:08:38

标签: jquery jquery-ui safari datepicker jquery-ui-datepicker

我一直在测试一个带有一些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&iacute;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&iacute;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"
    });
});

1 个答案:

答案 0 :(得分:0)

我找到了解决方案但不是导致此问题的原因。我通过Bower安装了jQuery,我运行的是最新版本的jQuery Core 1.11.2。

我通过jQuery CDN版本链接到以前的版本(1.10.2),并且Datepicker工作正常。