templates/js/library/daterangepicker-custom/daterangepicker-custom.js.twig line 1

Open in your IDE?
  1. class CustomDatePicker {
  2.     RANGES = {
  3.         TODAY: 'Сегодня',
  4.         YESTERDAY: 'Вчера',
  5.         LAST_7_DAYS: 'Последние 7 дней',
  6.         LAST_30_DAYS: 'Последние 30 дней',
  7.         THIS_MONTH: 'Этот месяц',
  8.         LAST_MONTH: 'Прошлый месяц',
  9.         CURRENT_AND_FUTURE: 'Текущее и будущее',
  10.         ALL_TIME: 'Все время',
  11.     };
  13.     pickerInstance = null;
  15.     cb(start, end) {
  16.         // startVal = start;
  17.         // endVal = end;
  18.         // $(this.outputElement).val(start.format('DD.MM.YYYY') + '—' + end.format('DD.MM.YYYY'));
  19.     }
  21.     constructor(outputElement, options = null) {
  22.         this.outputElement = outputElement;
  24.         options = {
  25.             singleDatePicker: false,
  26.             parentEl: null,
  27.             applyButtonClasses: null,
  28.             cancelButtonClasses: null,
  29.             containerClass: null,
  30.             autoUpdateInput: true,
  31.             rangeLabels: null,
  32.             ...options,
  33.         };
  35.         if (options.rangeLabels) {
  36.             this.RANGES = options.rangeLabels;
  37.         }
  39.         options.startDate = options.startDate || new Date();
  40.         options.endDate = options.endDate || new Date();
  41.         let ranges = {};
  42.         if (!options.singleDatePicker) {
  43.             ranges = {
  44.                 // [CustomDatePicker.RANGES.TODAY]: [moment(), moment()],
  45.                 // [CustomDatePicker.RANGES.YESTERDAY]: [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
  46.                 // [CustomDatePicker.RANGES.LAST_7_DAYS]: [moment().subtract(6, 'days'), moment()],
  47.                 // [CustomDatePicker.RANGES.LAST_30_DAYS]: [moment().subtract(29, 'days'), moment()],
  48.                 [this.RANGES.THIS_MONTH]: [moment().startOf('month'), moment().endOf('month')],
  49.                 [this.RANGES.LAST_MONTH]: [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
  50.                 [this.RANGES.CURRENT_AND_FUTURE]: [moment(), moment().add(10, 'year')],
  51.                 [this.RANGES.ALL_TIME]: [moment().subtract(10, 'year'), moment().add(10, 'year')],
  52.             };
  53.         }
  54.         $(outputElement).daterangepicker({
  55.             parentEl: '#content',
  56.             ...options,
  57.             locale: {
  58.                 "format": "DD.MM.YYYY",
  59.                 "separator": "—",
  60.                 "applyLabel": "Выбрать",
  61.                 "cancelLabel": "Отмена",
  62.                 "fromLabel": "с",
  63.                 "toLabel": "по",
  64.                 "customRangeLabel": "Произвольно",
  65.                 "weekLabel": "W",
  66.                 "daysOfWeek": [
  67.                     "ВС", "ПН", "ВТ", "СР", "ЧТ", "ПТ", "СБ"
  68.                 ],
  69.                 "monthNames": [
  70.                     "Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"
  71.                 ],
  72.                 "firstDay": 1
  73.             },
  74.             ranges: ranges
  75.         }, (startVal, endVal) => this.cb(startVal, endVal));
  77.         this.cb(options.startDate, options.endDate);
  79.         this.pickerInstance = $(outputElement).data('daterangepicker');
  80.     }
  82.     getChosenRangeName() {
  83.         let picker = this.pickerInstance;
  84.         let start = picker.startDate;
  85.         let end = picker.endDate;
  86.         for (let key in this.RANGES) {
  87.             let label = this.RANGES[key];
  88.             let range = picker.ranges[label];
  89.             if (range && start.isSame(range[0], 'day') && end.isSame(range[1], 'day')) {
  90.                 return key;
  91.             }
  92.         }
  93.         return null;
  94.     }
  96.     getChosenLabel() {
  97.         let picker = this.pickerInstance;
  98.         let start = picker.startDate;
  99.         let end = picker.endDate;
  100.         for (let label in picker.ranges) {
  101.             let range = picker.ranges[label];
  102.             if (start.isSame(range[0], 'day') && end.isSame(range[1], 'day')) {
  103.                 return label;
  104.             }
  105.         }
  106.         return null;
  107.     }
  109.     getStartDate() {
  110.         return this.pickerInstance.startDate;
  111.     }
  113.     getEndDate() {
  114.         return this.pickerInstance.endDate;
  115.     }
  117.     getRootElement() {
  118.         return this.pickerInstance.container[0];
  119.     }
  120. }