引导日期时间选取器不会崩溃

Question

我正在尝试为我的MVC5应用程序添加日期时间选择器。尝试了几种方法，它不work.Text框和日历图标出现在视图上，但当我点击日历时，它没有折叠和显示日历。为什么会这样呢？

<link href="~/Content/bootstrap.min.css" rel="stylesheet" />

<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />


<div class="container">
    <form action="" class="form-horizontal" role="form">
        <fieldset>
            <legend>Test</legend>
            <div class="form-group">
                <label for="dtp_input1" class="col-md-2 control-label">DateTime Picking</label>
                <div class="input-group date form_datetime col-md-5" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                    <input class="form-control" size="16" type="text" value="" readonly>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                </div>
                <input type="hidden" id="dtp_input1" value="" /><br />
            </div>

        </fieldset>
    </form>
</div>




<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap-datetimepicker.js"></script>

<script type="text/javascript">
    $('.form_datetime').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        forceParse: 0,
        showMeridian: 1
    });
    $('.form_date').datetimepicker({
        language: 'fr',
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0
    });
    $('.form_time').datetimepicker({
        language: 'fr',
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 1,
        minView: 0,
        maxView: 1,
        forceParse: 0
    });
</script>

Answer 1

根据https://eonasdan.github.io/bootstrap-datetimepicker/Installing/的说法

最低要求

• jQuery
• Moment.js
• Bootstrap.js (如果未使用完整引导程序，则需要转换和折叠)
• 引导程序日期选择器脚本

<代码>H112引导程序CSS <代码>H213<代码>H114引导程序日期选择器CSS区域设置文件<代码>H217<代码>F218

我用你的代码创建了simple demo，并在控制台中得到了错误：

未捕获引导-datetimepicker要求首先加载Moment.js

因此，只需将Moment.js添加到您的应用程序中