JQuery日期范围选择器日历与可变周

Question

我想在jquery中实现类似于image的每周日期范围选择器

我能看到的唯一一个实现是使用mobiscroll插件，它不是免费的，我更喜欢用jquery或javascript或任何免费工具来做到这一点。

任何人都有其他想法或解决方案如何使用任何其他datepicker实现这一点？

Answer 1

您可以尝试使用范围选项和日期范围选择器，您需要在此处构建自定义范围，如此处所示...

$('#datepicker').daterangepicker({
    "showWeekNumbers": true,
    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')]
    },
    "startDate": "12/26/2018",
    "endDate": "01/01/2019"
}, function(start, end, label) {
    //
});

欲了解更多信息，请访问Date Range Piker Examples