periodpicker icon indicating copy to clipboard operation
periodpicker copied to clipboard

Can't select range on mobile devices

Open freakkiller opened this issue 5 years ago • 2 comments

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?

freakkiller avatar Oct 18 '18 09:10 freakkiller