引导daterangepicker javascript不工作

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

我正在尝试使用cdn(内容交付网络)获得一个基本的引导日期-时间选择器,但是没有应用外部样式和脚本。这可能真的很小。我按照网站上的说明做了

这是不起作用的代码,但根据示例应:


$(函数(){
$('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>&nbsp;

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