刷新页面后jQuery日期选择器不起作用答案

【问题标题】：jQuery date picker does not work after refresh the page刷新页面后jQuery日期选择器不起作用
【发布时间】：2015-08-03 12:52:41
【问题描述】：

我正在使用 jQuery 日期选择器。没关系，当我从 localhost 在 Firefox 浏览器中运行我的项目时。一段时间后，当我再次刷新 Firefox 时，jQuery datepicker 没有任何显示。

我运行 chrome 后没问题，但再次刷新它就消失了。但是当我从除本地主机之外的其他位置（桌面）运行它时，它可以正常工作这是我的.....

<div class="col-md-7 col-sm-7 col-xs-12 date-area-left">
 <label class="date-label" for="username">Choose a Date : <span class="star-icon-choose">*</span></label>
 <div style="width: 280px; font-family: 'Arial'; margin: auto;">
    <div class="some_datepicker" style="display: block"></div>
 </div>
</div>

这里是 JS....

        <script type = "text/javscript>
             // Localization

            jQueryDatepicker.day_names_short = {
              1: 'Mon',
              2: 'Tue',
              3: 'Wed',
              4: 'Thu',
              5: 'Fri',
              6: 'Sat',
              7: 'Sun'
            };

            jQueryDatepicker.day_names = {
              1: 'Monday',
              2: 'Tuesday',
              3: 'Wednesday',
              4: 'Thursday',
              5: 'Friday',
              6: 'Saturday',
              7: 'Sunday'
            };

            jQueryDatepicker.month_names = {
              1: 'January',
              2: 'February',
              3: 'March',
              4: 'Apri',
              5: 'May',
              6: 'June',
              7: 'July',
              8: 'Agust',
              9: 'September',
              10: 'October',
              11: 'November',
              12: 'December'
            };

            $(document).ready(function() {
              var $selected = $('.selected');

              $some_datepicker = $('.some_datepicker');

              $some_datepicker.datepicker({
                next_button: '&gt;',
                prev_button: '&lt;'
              });

              $some_datepicker.setStartDate({
                year: 2015,
                // jquery.datepicker accepts first month as 1
                // (built-in Date() class accepts first month as 0)
                month: 1,
                day: 3
              });

              $some_datepicker.on('date_selected.datepicker', function(event, date) {
                $selected.show().html('Selected date is: ' + date.date.toString());
              });
            });
    </script>

【问题讨论】：

尝试查看浏览器的控制台日志。
@Shahidul Islam 你能提供工作代码吗？
一开始可以正常工作，刷新后就不能正常工作，这意味着什么都没有显示。 @Himesh Aadeshara
你的js代码第一行丢了双引号。

标签： javascript jquery html twitter-bootstrap

【解决方案1】：

在document is "ready." jQuery 为您检测到这种准备状态之前，无法安全地操作页面。 $( document ).ready() 中包含的代码只会在页面文档对象模型(DOM) 准备好执行 JavaScript 代码时运行。 $( window ).load(function() { ... }) 中包含的代码将在整个页面（图像或 iframe）（而不仅仅是 DOM）准备好后运行。

$( document ).ready(function() {
    //Insert your code here and try. 
});

【讨论】：