让 Bootstrap datetimepicker 在 ajax 加载后工作

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;}