0

我有一个应该使用 daterangepicker 的任务,所以我访问了http://www.daterangepicker.com/并了解了它,我只是在我的 codepen 中尝试了最简单的演示,这很容易。

但是当我尝试将代码 zip 导出到我的计算机,并解压缩包并在我的 chrome 和 firefox 上运行演示时,结果是他们无法显示下拉菜单并且无法获取日期选择,我想知道为什么以及如何处理它。

像这样的html代码:

<!-- Include Required Prerequisites -->

<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" />

<!-- Include Date Range Picker -->

<script type="text/javascript" src="http://cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />



<p>this is a daterangepicker demo</p>
<input type="text" value="01/01/2016-12/30/2016" name="daterange"></input>

JS代码是这样的:

$(function() {
  $('input[name="daterange"]').daterangepicker();
}); 

这是我的代码笔: http ://codepen.io/zhangolve/pen/WxrNAL?editors=1111

4

1 回答 1

0

这是因为您的 js 加载顺序:

加载顺序应为:

 1. jquery.js    
 2. moment.js
 3. daterangepicker.js

https://jsfiddle.net/Bugfixer/L04oob66/

于 2016-07-18T04:41:57.677 回答