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