Jquery pickadate open and close same time

Question

We have a strange issue with pickadate.js v3.5.6., jQuery v3.3.1 When a user clicks on the element it opens the calander and call the close event in the same time. But if the user select a different tab in the browser and then return to the first tab, the calander is in open state. This is a new issue in an existing page. After the mouse click and the open / close, the element class is:

field a-picker picker__input valid picker__input--target

This is the setup:

        $('#monitor-time-days-picker').pickadate({
        format: 'dd.mm.yyyy',
        onSet: function () {
        }
    });

Has anyone experienced similar issue?

Thanks

Yeah, it basically show datepicker on click, and then update it to have focused classes, — Sanuj, Dec 14 '20 at 13:30

score 1 · Answer 1 · answered Mar 27 '19 at 11:47

i'm facing the same problem on an existing website, with chrome (and only chrome).

Since yesterday, when i click an input with pickadate, it opens and closes in the same time.

I'm using jquery-3.2.1.

$('.datepicker').pickadate({
    closeOnSelect: true,
    onClose: function() {
        $('.datepicker').blur();
        $('.picker').blur();
    },
    min: new Date(),
    selectMonths: true,
    selectYears: 15
});

Before yesterday, this code works without any problem.

score 1 · Answer 2 · answered Mar 28 '19 at 21:33

1

Same issue here, since yesteray with jquery 3.1.0 is happening the same in a working website and only with chrome for pc (working well on mobile). Issue fixed with jquery 2.2.3

answered Mar 28 '19 at 21:33

Juan Carlos Alvarez

11
1

Hi, changing to 2.2.3 didnt helped. – Ehud Grand Apr 01 '19 at 07:07

Ehud Grand · Accepted Answer · 2019-04-07T14:23:27.607

1

found the solution: simply upgrade to pickadate version 3.6.2

Edit:

Please view this issue in the plugin page:

https://github.com/chingyawhao/materialize-clockpicker/issues/40

edited Apr 07 '19 at 14:23

answered Apr 01 '19 at 13:04

Ehud Grand

3,501
4
33
52

score 1 · Answer 4 · answered Jan 07 '20 at 04:23

I found a solution.

<input type="text" id="myDate" onfocus="openMyDate();">

function openMyDate() {
    //delay 
    var delayInMilliseconds = 200;

    //after the delay
    setTimeout(function () {
        //if myDate did not open then trigger click
        if (!$("#myDate_root").hasClass("picker--opened")) {
            $("#myDate").trigger("click");
        }
    }
}

Jquery pickadate open and close same time

4 Answers4