0

当我在菜单内的表单中使用日期选择器并单击日期选择器按钮时，我遇到关闭画布菜单的问题。

过去 2 天我一直在绞尽脑汁，但我无法修复它，而且在我搜索的所有地方都找不到解决方案。

我将jquery uidatepicker 与 bootstrap offcanvas 结合使用iamphill

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

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

在这里粘贴代码很长，所以我做了codepen示例

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

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

如果有人知道如何防止关闭，我将很高兴。

4

2 回答 2

1

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

253 号线

  Offcanvas.prototype._documentClicked = function(e) {
    if($('.ui-datepicker').is(':visible')) {
        return;
    }
于 2019-01-29T15:44:15.570 回答
1

您需要更改 Offcanvas.prototype._documentClicked 函数。第 256 行（例如）：

if (!clickedEl.hasClass('offcanvas-toggle') && clickedEl.parents('.offcanvas-toggle').length === 0 && clickedEl.parents('.navbar-offcanvas').length === 0 && !clickedEl.hasClass('navbar-offcanvas') && !clickedEl.hasClass('ui-corner-all')) {
于 2019-01-29T15:42:20.023 回答