2015-08-03 120 views
2

我正在使用jQuery datepicker。没关系,当我从localhost在Firefox浏览器中运行我的项目时。过了一段时间后,当我再次刷新Firefox浏览器时没有显示jQuery datepicker。刷新页面后jQuery日期选择器不工作

之后我跑它铬是好的,但再次刷新它消失了。但是,当我从其他位置(桌面)运行它,除了本地主机它的正常工作 这里是我的.....

<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>

+0

尝试查看浏览器的控制台日志。 –

+0

@ Shahidul伊斯兰教你能提供工作代码吗? –

+0

最初它工作,刷新后不工作,这意味着什么都没有显示。 @ Himesh Aadeshara –

回答

0

只有在document is "ready."jQuery为您检测到此准备就绪状态后,才能安全地操作页面。包含在$(document).ready()之内的代码将只在页面文档对象模型(DOM)准备好执行JavaScript代码时运行。包含在$(window).load(function() {...}中的代码将在整个页面(图像或iframe)运行后运行,而不仅仅是DOM准备就绪。

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