如何在daterangepicker中选择默认选项以在bootstrap中首次加载?

时间:2017-12-11 18:15:03

标签: twitter-bootstrap bootstrap-daterangepicker

我是bootstrap的新用户。

我使用了daterangepicker作为图片:

enter image description here

但是我需要在页面加载时选择默认选项,例如"过去7天"。

我真的需要设置默认和活动所有绑定到此选项的功能,就像我点击它一样。

请帮帮我。

谢谢, 詹姆斯

1 个答案:

答案 0 :(得分:0)

我的功能如下。

cb(moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month'));

jQuery('#yourdivID').daterangepicker({
    "showWeekNumbers": true,
    "dateLimit": {
        "days": 365 //181=days in 6 months, 365=days in a year
    },
    "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);

注意:如果按原样去做,你需要moment.js。

如果您使用如下所示,您将有7天的差距。

cb(moment().subtract(6, 'days'), moment());