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

Question

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

我可以看到的唯一实现是使用非免费的mobiscroll插件，我更喜欢另一种使用jquery或javascript或任何免费工具进行此操作的方法。

有人对如何使用其他日期选择器实现此目标有其他想法或解决方案吗？

Answer 1

您可以尝试在日期范围选择器中使用 ranges 选项，在其中您需要构建自定义的 ranges ，如下所示...

$('#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