我有一个应该使用 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