Question

一旦我选择了日期值，我就无法弄清楚如何关闭小部件。

我的代码：

If col2='a'
Then col1
Else 0

HTML：

    $(settings.target).datetimepicker({
        useCurrent: "hour",
        minDate: settings.minDate,
        maxDate: settings.maxDate,
        keepOpen : false,
        locale: settings.locale
    });

   $(settings.target).on("dp.change", function (e) {
       $(settings.target).trigger("dp.hide");
    })

    $(settings.target + " .action").on("focus", function (e) {
        $(this).next().trigger("click");
    })

尝试了其他一些尝试，但无法想象出来。我该怎么做？

Answer 1

这对我来说非常有用......当用户点击小部件显示的字段时，选择日期时它会消失......

仅供参考，在页面的乞讨中有一个注释：

注意所有功能都可通过数据属性访问，例如$（'＃datetimepicker'）。数据（“DateTimePicker”） .FUNCTION（）

$(settings.target).on("dp.change", function (e) {
    $(this).data("DateTimePicker").hide();
});

$(settings.target).on("click", function (e) {
    $(this).data("DateTimePicker").show();
});

祝你好运......

Answer 2

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker({
                useCurrent: "hour",
                keepOpen: false,
            }).on("dp.change", function (e) {
                var widget = $(this).find(".bootstrap-datetimepicker-widget");
                if (widget.length > 0) {
                    widget.toggle("dp.hide");
                    $(this).find(".form-control").blur();
                }
            });
        });
        </script>
    </div>
</div>

此代码适用于我。

日期选择后如何关闭datetimepicker？

2 个答案: