引导daterangepicker javascript不工作
我正在尝试使用cdn(内容交付网络)获得一个基本的引导日期-时间选择器,但是没有应用外部样式和脚本。这可能真的很小。我按照网站上的说明做了 这是不起作用的代码,但根据示例应:引导daterangepicker javascript不工作,javascript,twitter-bootstrap-3,daterangepicker,Javascript,Twitter Bootstrap 3,Daterangepicker,我正在尝试使用cdn(内容交付网络)获得一个基本的引导日期-时间选择器,但是没有应用外部样式和脚本。这可能真的很小。我按照网站上的说明做了 这是不起作用的代码,但根据示例应: $(函数(){ $('input[name=“daterange”]”)。daterangepicker(); }); $(函数(){ var start=moment().减去(29,'天'); var end=力矩(); 功能cb(开始、结束){ $('#reportrange span').html(start
$(函数(){
$('input[name=“daterange”]”)。daterangepicker();
});
$(函数(){
var start=moment().减去(29,'天');
var end=力矩();
功能cb(开始、结束){
$('#reportrange span').html(start.format('MMMM D,YYYY')+'-'+end.format('MMMM D,YYYY'));
}
$(“#reportrange”).daterangepicker({
开始日期:开始,
完日期:完,
范围:{
“今天”:[时刻(),时刻()],
“昨天”:[moment().subtract(1,'天'),moment().subtract(1,'天')],
“过去7天”:[力矩().减去(6,'天'),力矩()],
“过去30天”:[力矩().减去(29,'天'),力矩()],
“本月”:[moment().startOf('Month'),moment().endOf('Month'),
‘上个月’:[moment().subtract(1,'Month').startOf('Month'),moment().subtract(1,'Month').endOf('Month')]
}
},cb);
cb(开始、结束);
});
您是否已验证您的javascript文件是否已实际加载?如何加载.html文件?通过本地Web服务器,还是直接进入浏览器?(您将看到浏览器地址栏上显示“../folder/folder/index.html”或类似内容)。如果是这种情况,您需要将http添加到src
标记中。示例:我相信您的外部链接在某些方面是错误的。尝试下载并在本地包含它们。是的,Alex Johnson。我注意到,当我在apache上从localhost运行该文件时,它起了作用。但当我从桌面运行.html文件时,它没有运行。我尝试添加http://并且成功了。它以前没有正确访问资源。谢谢你的回答。
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<div id="reportrange" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 300px;">
<i class="fa fa-calendar"></i>
<span name="datepick"></span>
<i class="fa fa-caret-down"></i>
</div>
<script type="text/javascript">
$(function () {
var start = moment().subtract(29, 'days');
var end = moment();
function cb(start, end) {
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
}
$('#reportrange').daterangepicker({
startDate: start,
endDate: end,
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}
}, cb);
cb(start, end);
});
</script>