Question

对于pickadate.js v3.5.6。，jQuery v3.3.1，我们有一个奇怪的问题：当用户单击该元素时，它将打开calander并同时调用close事件。但是，如果用户在浏览器中选择其他选项卡，然后返回到第一个选项卡，则日历将处于打开状态。这是现有页面中的新问题。鼠标单击并打开/关闭后，元素类为：

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的yesteray在工作的网站中发生的情况相同，仅适用于PC的chrome（在移动设备上效果很好）。 jQuery 2.2.3修复的问题

Answer 3

我找到了解决方法。

<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");
        }
    }
}

Answer 4

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

编辑：

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

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

jQuery Pickadate同时打开和关闭

4 个答案: