我在菜单内的窗体中使用datepicker并单击datepicker按钮时,offcanvas菜单关闭出现问题。

最近两天我一直在努力工作,但我无法解决这个问题,在我搜索的所有地方都找不到解决方案。

我将jquery ui和datepicker与iamphill的引导程序offcanvas结合使用

https://github.com/iamphill/Bootstrap-Offcanvas

我在offcanvas菜单中有一些输入,并且在一个输入上有datepicker字段,当我打开菜单并单击datepicker上的任何日期或上一个/下一个时,offcanvas菜单会自行关闭它。

代码很长,无法粘贴在这里,所以我制作了代码笔示例

https://codepen.io/lonerunner/full/dapzNX

如果您看一下,您会在右上角看到一个小的黑色正方形,当您单击正方形时,offcanvas菜单将打开,第三个输入字段是datepicker,当您单击datepicker时将打开,如果您在下个月单击,offcanvas菜单将关闭。

如果有人知道如何防止近距离接触,我将不胜感激。

最佳答案

同样有效的是更改以下代码以使其在日期选择器上不关闭:

253行

  Offcanvas.prototype._documentClicked = function(e) {
    if($('.ui-datepicker').is(':visible')) {
        return;
    }

关于javascript - Bootstrap Offcanvas防止在单击Datepicker时关闭Offcanvas,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54424184/

10-09 15:01