Jquery pickadate 同时打开和关闭

Question

pickadate.js v3.5.6., jQuery v3.3.1 有一个奇怪的问题当用户点击元素时，它会打开日历并同时调用关闭事件。但是如果用户 select 浏览器中的不同选项卡然后 return 到第一个选项卡，则压延机处于打开状态。这是现有页面中的新问题。鼠标点击打开/关闭后，元素class为：

field a-picker picker__input valid picker__input--target

这是设置：

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

有没有人遇到过类似的问题？

谢谢

Answer 1

我在现有网站上遇到了同样的问题，chrome（而且只有 chrome）。

从昨天开始，当我用 pickadate 点击输入时，它会同时打开和关闭。

我正在使用 jquery-3.2.1.

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

昨天之前，这段代码没有任何问题。

Answer 2

同样的问题，因为昨天 jquery 3.1.0 在工作网站上发生了同样的事情，而且只有 chrome 用于 PC（在移动设备上运行良好）。 jquery 2.2.3

修复的问题

Answer 3

找到解决方案：只需升级到 pickadate 版本 3.6.2

编辑：

请在插件页面查看此问题：

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

Answer 4

我找到了解决方案。

<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 同时打开和关闭

Jquery pickadate open and close same time

jquery

pickadate