periodpicker
periodpicker copied to clipboard
Can't select range on mobile devices
We cannot select an individual range (such as from October 18 to 21). However, it works properly on a weekly or monthly basis. Also it works perfect on desktops.
Our HTML source code is:
<div class="collapse show date-time-picker__content" id="collapse-date" role="tabpanel"
aria-labelledby="heading-date">
<div class="card-block">
{# Here is the Datepicker integrated #}
<input type="text" value="2018-09-01" class="date-time-picker__datetimepicker--start" id="date-time-picker__datetimepicker--start">
<input type="text" value="2018-09-30" class="date-time-picker__datetimepicker--end" id="date-time-picker__datetimepicker--end" style="display: none;">
</div>
</div>
The jQuery call from the period picker looks like this:
const DatePickerContainer = "#date-time-picker__datetimepicker--start";
const periodPickerOptionsRangeConfig = {
end: '#date-time-picker__datetimepicker--end',
cells: [1, 1],
formatDate: 'DD.MM.YY',
inline: true,
mousewheel: false
};
$.datetimepicker.setLocale('de');
$(DatePickerContainer)
.periodpicker(periodPickerOptionsRangeConfig);
The jquery.periodpicker.full.min.js and the jquery.periodpicker.min.css are included in the head. We have made some changes to the table layout in jquery.periodpicker.js and to the styling in jquery.periodpicker.css, but if I undo this changes, the selection still doesn't work properly.
What's wrong here? Do we have errors in the configuration file?