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

问题描述

我使用的是 Eonasden 的日期/时间选择器，您可以在此处找到.日期时间选择器

我正在使用示例中的 HTML:

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

它可以很好地显示图标，但不能显示日历下拉菜单.我的头脚本是:

<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>$(函数(){$( 文档).ajaxStop( 函数() {$('#datetimepicker1').datetimepicker();});});

我收到控制台错误Uncaught ReferenceError: moment is not defined" 有没有人知道如何解决这个问题?在他的示例页面上似乎运行良好.

解决方案

根据例子，你需要将这个包含到..

http://momentjs.com/

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

<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 自述文件中..

<块引用>

Datetimepicker 需要 moment.js."

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

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

});

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/

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>

It shows it on the GitHub readme..

"Datetimepicker requires moment.js."

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