JQuery Календарь выбора диапазона дат с переменными неделями

Question

Я хотел бы внедрить еженедельный инструмент выбора диапазона дат в jquery, подобный этому изображению

Единственная реализация, которую я вижу, это использование плагина mobiscroll, который небесплатно, и я бы предпочел другой способ сделать это, используя jquery, javascript или любой другой бесплатный инструмент.

У кого-нибудь есть другие идеи или решения о том, как этого добиться с помощью любого другого средства выбора даты?

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) {
    //
});

для получения дополнительной информациипожалуйста, посетите Примеры диапазонов дат Piker