带有引导程序和日期选择器问题的免费 jqgrid答案

【问题标题】：free-jqgrid with bootstrap and datepicker issue带有引导程序和日期选择器问题的免费 jqgrid
【发布时间】：2017-03-12 18:25:00
【问题描述】：

我正在使用位于https://jsfiddle.net/OlegKi/90qmjean/3/的演示样本

datepicker 不呈现的某些原因？我还需要将 dateformat 设置为

ISO8601Long:"Y-m-d H:i:s"

但使用原始日期格式化程序将所选日期显示为“Y-3-14 H:i:s” 详情见截图：enter image description here

【问题讨论】：

如果你需要输入/更改时间和日期，那么你可能需要bootstrap-datetimepicker见the demo
感谢奥列格提供信息！
嗨，Oleg，选择日期后，Datetimepicker 窗口不会自动关闭？
您能否描述重现问题的确切测试用例？ datetimepicker 将在焦点更改时自动关闭，例如单击“保存”按钮或单击另一行。
嗨 Oleg，同样的问题出现在这个演示网址 jsfiddle.net/OlegKi/duooa5oy/1

标签： javascript datepicker jqgrid free-jqgrid

【解决方案1】：

您在上面的 cmets 中描述的问题如下：您想知道为什么演示中使用的 Bootstrap datetimepicker http://jsfiddle.net/OlegKi/duooa5oy/1/ 在选择日期后不关闭日历窗口。

首先，我想强调的是，这是 Bootstrap 日期时间选择器的默认行为。您可以在页面http://eonasdan.github.io/bootstrap-datetimepicker/ 上尝试任何演示来验证这一点。行为的原因很容易理解。 datetimepicker 允许更改时间，而不仅仅是日期。对应的控件包含4个按钮，通过点击按钮来增加/减少时间。我在下图中标记了按钮：

因此，如果日期（而不是时间）发生更改，您可能想要关闭 datetimepicker。可以通过在演示中添加以下几行来实现需求：

$(el).bind("dp.change", function (e) {
    if (e.date.dayOfYear() !== e.oldDate.dayOfYear()) {
        $(this).data("DateTimePicker").hide();
    }
});

查看修改日期http://jsfiddle.net/OlegKi/duooa5oy/7/

【讨论】：

【解决方案2】：

看起来当我将 boostrap-datepicker 更新到最新版本时，它起作用了。

【讨论】：