Datepicker从不适用于初始页面加载

Question

使用此日期选择器：https://eonasdan.github.io/bootstrap-datetimepicker/

我在bootstrap模式中使用它，所以这就是我所说的：

$('body').on('shown.bs.modal', function () {
    alert("datepicker ready...");
     $("#datepicker").datetimepicker();
})

这里有以下形式：

        <div class="form-group">
            @Html.LabelFor(model => model.Extraction.DateExtracted, htmlAttributes: new { @class = "control-label" })
            <div class="input-group date" id="datepicker">
                @Html.EditorFor(model => model.Extraction.DateExtracted, new { htmlAttributes = new { @class = "form-control" } })
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                @Html.ValidationMessageFor(model => model.Extraction.DateExtracted, "", new { @class = "text-danger" })
            </div>
        </div>

＆＃34;警报＆＃34;每次打开模态时都会触发（好），但我必须刷新页面并重新打开日期选择器的模态才能工作。

脚本似乎是有序的：

Answer 1

如果我不得不猜测，那是因为你的js文件乱序或你有重复的文件导致它破坏。点击这里查看是否按顺序排列它们：

https://jsfiddle.net/rd8nnLg5/1/

    $(function () {
            $('#datetimepicker1').datetimepicker();
        });