没有互联网的日期选择器工作

Question

我需要使用日期选择器才能在没有互联网的情况下工作。

我已经将我的源链接从 https 链接更改为我本地的下载文件。但随后日期选择器停止工作。有人可以告诉我如何解决这个问题吗？

理想的源链接：

<link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet">
      <script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
      <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

改为本地下载文件

 <script src = "jquery-ui.js"></script>
      <script src = "jquery-1.10.2.js"></script>
      <script src = "jquery-ui.css"></script>

如果我能保证即使使用 https 链接，在没有互联网的情况下它对我的日期选择器也能正常工作，我会很好。可能是通过一些缓存。

正在使用日期选择器代码更新我的问题：

<span style="float: left;margin-left:2em"> <b>Date Range: </b>
        <input type="text" id="datepicker" > <b>to </b>
        <input type="text" id="datepicker2"> </span><div id = "Alert" style="float:left;margin-left:2em"> Please select a valid Date Range!</div>
        .............................................   

    var startDate;
        var endDate;
        var start;
        var end;



            $(function() {
                $("#datepicker").datepicker({
                    onSelect: function() {
                        startDate = $(this).datepicker('getDate');
                        start = formatDate(startDate);
                        if( start!=null && end!=null && end>=start)
                        {document.getElementById('Alert').style.visibility = 'hidden';
                        document.getElementById('canvas-holder').style.visibility = 'visible'; 

                        initial(start, end);

                        }
                        else {
                       document.getElementById('Alert').style.visibility = 'visible'; //Will show
                        document.getElementById('canvas-holder').style.visibility = 'hidden'; 
                        }
                    }

                });
                $("#datepicker2").datepicker({
                    onSelect: function() {
                        endDate = $(this).datepicker('getDate');
                        end = formatDate(endDate);
                        alert('skn here s' + startDate);
                        alert('skn here e' + endDate);
                        if( start!=null && end!=null && end>=start)
                        {document.getElementById('Alert').style.visibility = 'hidden';
                        document.getElementById('canvas-holder').style.visibility = 'visible'; 
                        initial(start, end);
                        }
                        else {
                            document.getElementById('Alert').style.visibility = 'visible'; //Will show
                            document.getElementById('canvas-holder').style.visibility = 'hidden'; 
                                  }
                        }

                    });

                });

请查看我在浏览器控制台中遇到的以下错误。

Uncaught TypeError: $(...).datepicker is not a function
    at HTMLDocument.<anonymous> (index.html:64)
    at fire (jquery-1.10.2.js:3048)
    at Object.fireWith [as resolveWith] (jquery-1.10.2.js:3160)
    at Function.ready (jquery-1.10.2.js:433)
    at HTMLDocument.completed (jquery-1.10.2.js:104)

我已经按照建议合并了更改。在这种情况下，日期选择器显示但不符合预期。

日期选择器问题：

需要日期选择器

Answer 1

尝试将其更改为

<link href = "jquery-ui.css" rel = "stylesheet">
 <script src = "jquery-1.10.2.js"></script>
<script src = "jquery-ui.js"></script>

您需要在 jquery-ui.js

之前加载 jquery

没有互联网的日期选择器工作

Date Picker work without internet

offline

datepicker

offline-caching