“jQuery DateRangePicker с использованием Moment”

Вот несколько методов, которые вы можете использовать для реализации jQuery DateRangePicker с помощью Moment.js:

1. Включите необходимые зависимости:

   • Библиотека jQuery
   • Библиотека Moment.js
   • Плагин DateRangePicker

2. Инициализируйте DateRangePicker:
   Используйте следующий код для инициализации DateRangePicker с помощью Moment.js:

   $(function() {
    $('#daterange').daterangepicker({
      startDate: moment().startOf('month'),
      endDate: moment().endOf('month'),
      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')]
      }
    });
   });

3. Получить выбранный диапазон дат.
   Вы можете получить выбранный диапазон дат, используя свойства startDateи endDateDateRangePicker. Вот пример:

   $(function() {
    $('#daterange').daterangepicker({
      // ... initialization code ...
      // Event handler for when the apply button is clicked
      applyButtonClasses: 'btn-primary',
      applyButtonCallback: function(startDate, endDate) {
        console.log('Selected date range: ' + startDate.format('YYYY-MM-DD') + ' to ' + endDate.format('YYYY-MM-DD'));
      }
    });
   });

   В этом примере выбранный диапазон дат записывается в консоль при нажатии кнопки «Применить».

4. Настройте DateRangePicker.
   Вы можете настроить внешний вид и поведение DateRangePicker, изменив его параметры и используя методы Moment.js для манипулирования датами.