javascript - 在加载 ajax 后让 Bootstrap datetimepicker 工作

Question

我有一个以普通形式运行的简单脚本:

<script>
        $(function () {
            $('.datepicker').datetimepicker({ pickTime: false, format: "DD-MM-YYYY" });
            $('.timepicker').datetimepicker({ pickDate: false, format: "HH:mm", pick12HourFormat: false });
        });

</script>

但是如果我通过 ajax 将表单加载到 Bootstrap 3 模态中 - 时间和日期选择器不起作用。我知道这个问题是因为我正在通过 ajax 加载表单。

那么如何为新加载的ajax表单注册函数呢？

编辑:这就是我调用 ajax 模型的方式:

<a data-toggle="modal" class="btn btn-danger" href="/example" data-target="#myModal">Load Modal</a>

Answer 1

我有同样的问题，这是我的代码

  $(document).on("focusin","input[type=date]", function () {
        $(this).datepicker({
            autoclose: true,
            format: 'yyyy-mm-dd'
        });
    });

并注意。添加CSS

.datepicker{z-index:1151 !important;}