添加到文档网络就绪时，Jquery 日期选择器不工作

Question

我有一个像这样的自定义日期选择器

<input id='mydatepicker' data-mddatetimepicker='true' data-placement='left' data-trigger='focus' data-enabletimepicker='false' />

当我在 html 代码中使用它时效果很好。例如：

<div class="col-md-4" id="mydiv">
    <input id='mydatepicker' data-mddatetimepicker='true' data-placement='left' data-trigger='focus' data-enabletimepicker='false' />
</div>

但我想使用

replaceWith

中的

document.ready

添加此日期选择器。

<div class="col-md-4" id="mydiv">
    <div id="div2"></div>
</div>

<script>
    $(document).ready(function () {
        $("#div2").replaceWith("<input id='mydatepicker' data-mddatetimepicker='true' data-placement='left' data-trigger='focus' data-enabletimepicker='false' />");
    });
</script>

但是当页面加载时，只显示一个简单的输入，没有日期选择器。我怎样才能正确地进行此替换？

Answer 1

替换内容后尝试初始化日期选择器。类似的东西

 $(document).ready(function () {
        $("#div2").replaceWith(parameters);  
        $("#mydatepicker").datetimepicker(parameters);
    });