| 1 |
const setFlatpickr = (element, dateToSelector, defaultDate = []) => { |
| 2 |
flatpickr(element, { |
| 3 |
plugins: [new rangePlugin({ input: dateToSelector })], |
| 4 |
altInput: true, |
| 5 |
altFormat: "j M, Y", |
| 6 |
dateFormat: "Y-m-d", |
| 7 |
defaultDate, |
| 8 |
}); |
| 9 |
|
| 10 |
}; |
| 11 |
|
| 12 |
const settingsCalendarElement = document.querySelector("#settings-date-from"); |
| 13 |
if(settingsCalendarElement){ |
| 14 |
let date = new Date(), to = flatpickr.formatDate(date, 'Y-m-d'), from; |
| 15 |
date.setMonth(date.getMonth() - 1); |
| 16 |
from = flatpickr.formatDate(date, 'Y-m-d'); |
| 17 |
|
| 18 |
setFlatpickr(settingsCalendarElement, "#settings-date-to", [from, to]); |
| 19 |
} |
| 20 |
|
| 21 |
|
| 22 |
jQuery(document).ready(function ($) { |
| 23 |
$( window ).on('load', function (e) { |
| 24 |
const settingsCalendarElement = document.querySelector(".flatpickr"); |
| 25 |
if(settingsCalendarElement) { |
| 26 |
setFlatpickr(settingsCalendarElement, "#secondRangeInput", []); |
| 27 |
} |
| 28 |
}); |
| 29 |
|
| 30 |
$('body').on('change', '.wtotem_reports-settings__period-radio', function () { |
| 31 |
let checked = $(this).prop("checked"), |
| 32 |
date = new Date(), |
| 33 |
to = flatpickr.formatDate(date, 'Y-m-d'), |
| 34 |
from; |
| 35 |
|
| 36 |
if (checked){ |
| 37 |
let period = $(this).val(); |
| 38 |
switch (period) { |
| 39 |
case 'month-1' : |
| 40 |
date.setMonth(date.getMonth() - 1); |
| 41 |
break; |
| 42 |
case 'month-3': |
| 43 |
date.setMonth(date.getMonth() - 3); |
| 44 |
break; |
| 45 |
case 'month-6' : |
| 46 |
date.setMonth(date.getMonth() - 6); |
| 47 |
break; |
| 48 |
case 'year-1' : |
| 49 |
date.setMonth(date.getMonth() - 12); |
| 50 |
break; |
| 51 |
} |
| 52 |
|
| 53 |
from = flatpickr.formatDate(date, 'Y-m-d'); |
| 54 |
console.log(from + ' - ' + to); |
| 55 |
|
| 56 |
|
| 57 |
let fp = jQuery('#settings-date-from')[0]._flatpickr; |
| 58 |
fp.setDate([from, to]) |
| 59 |
|
| 60 |
} |
| 61 |
}); |
| 62 |
|
| 63 |
}); |
