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

Question

我是 bootstrap 的新用户。

我用了一个daterangepicker作为图片：

但我确实需要在页面加载时选择一个默认选项，例如“过去 7 天”。

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

请帮帮我。

谢谢，詹姆

Answer 1

我的功能如下。

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());

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

How to choose a default option in daterangepicker for first loading in bootstrap?

twitter-bootstrap

bootstrap-daterangepicker