引导错误3日期/时间选择器 [英] Error With Bootstrap 3 Date/Time Picker

问题描述

我正在使用Eonasden的日期/时间选择器，您可以在这里找到。 日期时间选择器

I am using the date/time picker from Eonasden that you can find here. Date Time Picker

我从示例中使用HTML：

I am using HTML from the example:

<div class="container">
    <div class="col-md-10">
        <div class='well'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

它显示图标正常，但不显示日历下拉菜单。我的头文件是：

It displays the icon fine, but not the calendar drop down. My head script is:

<link href="view/dist/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="view/dist/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<link href="http://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.0.1-p7/css/bootstrap.min.css" rel="stylesheet" >

<script src="http://code.jquery.com/jquery.js"></script>
<script src="view/dist/js/bootstrap.min.js"></script>
<script src="view/dist/js/bootstrap-datetimepicker.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.0.1-p7/js/bootstrap.min.js"></script>

$(function() {

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

});

我收到一个控制台错误未捕获的ReferenceError：时刻没有定义有谁有一个想法如何解决这个问题？

I receive a console error of "Uncaught ReferenceError: moment is not defined" Does anyone have an idea on how to fix this? It seems to work fine on his sample page.

推荐答案

根据示例，您需要将其包含到..

According to the examples, you need to include this to..

http://momentjs.com/

它必须在 bootstrap.js 之后，但在 datetimepickerjs 之前就这样..

It has to be after bootstrap.js, but before the datetimepickerjs like this..

<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="scripts/moment-2.4.0.js"></script>
<script type="text/javascript" src="scripts/bootstrap-datetimepicker.js"></script>

它显示在GitHub自述文件上。

It shows it on the GitHub readme..

Datetimepicker需要moment.js。

"Datetimepicker requires moment.js."

这篇关于引导错误3日期/时间选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！