ifl/iflrandevu
1
1
Fork 0
forked from mirrors/easyappointments
Code Issues 6 Pull requests Releases 3 Activity

Replace the old date picker in the table view

Browse source
This commit is contained in:
Alex Tselegidis 2023-02-07 07:34:53 +01:00
parent 0b444cc8ed
commit 5f8f5f5eb2
1 changed files with 4 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
assets/js/utils/calendar_table_view.js
View file

@ -383,57 +383,9 @@ App.Utils.CalendarTableView = (function () {
] ]
}).appendTo($calendarHeader); }).appendTo($calendarHeader);
let dateFormat; App.Utils.UI.initializeDatepicker($calendarHeader.find('.select-date'), {
onChange(selectedDates) {
switch (vars('date_format')) { const startDate = selectedDates[0];
case 'DMY':
dateFormat = 'dd/mm/yy';
break;
case 'MDY':
dateFormat = 'mm/dd/yy';
break;
case 'YMD':
dateFormat = 'yy/mm/dd';
break;
default:
throw new Error('Invalid date format setting provided: ' + vars('date_format'));
}
const firstWeekday = vars('first_weekday');
const firstWeekdayNumber = App.Utils.Date.getWeekdayId(firstWeekday);
$calendarHeader.find('.select-date').datepicker({
defaultDate: new Date(),
dateFormat: dateFormat,
// Translation
dayNames: [lang('sunday'), lang('monday'), lang('tuesday'), lang('wednesday'),
lang('thursday'), lang('friday'), lang('saturday')],
dayNamesShort: [lang('sunday').substring(0, 3), lang('monday').substring(0, 3),
lang('tuesday').substring(0, 3), lang('wednesday').substring(0, 3),
lang('thursday').substring(0, 3), lang('friday').substring(0, 3),
lang('saturday').substring(0, 3)],
dayNamesMin: [lang('sunday').substring(0, 2), lang('monday').substring(0, 2),
lang('tuesday').substring(0, 2), lang('wednesday').substring(0, 2),
lang('thursday').substring(0, 2), lang('friday').substring(0, 2),
lang('saturday').substring(0, 2)],
monthNames: [lang('january'), lang('february'), lang('march'), lang('april'),
lang('may'), lang('june'), lang('july'), lang('august'), lang('september'),
lang('october'), lang('november'), lang('december')],
prevText: lang('previous'),
nextText: lang('next'),
currentText: lang('now'),
closeText: lang('close'),
timeOnlyTitle: lang('select_time'),
timeText: lang('time'),
hourText: lang('hour'),
minuteText: lang('minutes'),
firstDay: firstWeekdayNumber,
onSelect: (dateText, instance) => {
const startDate = new Date(instance.currentYear, instance.currentMonth, instance.currentDay);
const endDate = moment(startDate).add(parseInt($selectFilterItem.val()) - 1, 'days').toDate(); const endDate = moment(startDate).add(parseInt($selectFilterItem.val()) - 1, 'days').toDate();
createView(startDate, endDate); createView(startDate, endDate);
} }