Question

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

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

像这样的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

Answer 1

这是因为你的js加载顺序：

加载顺序应为：

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

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

为什么我的daterangepicker演示无法在localhost上运行？

1 个答案: