bootstrap-datetimepicker 未正确执行答案

【问题标题】：bootstrap-datetimepicker not executing correctlybootstrap-datetimepicker 未正确执行
【发布时间】：2014-05-31 14:55:19
【问题描述】：

bootstrap-datetimepicker 的文档并没有真正解释使用小部件需要什么版本的 jquery 和时刻（如果需要特定版本）。根据开发工具，我没有任何 jquery 错误，我通过添加一些运行良好的快速 jquery 来测试日历图标按钮。

($("#datetimepicker10 span").click(function(){
    alert('working!');
    };
));

否则，我会以正确的顺序加载文档中所需的所有内容（我认为）。然而;图标链接不起作用，因此我无法选择日期和时间。我认为这与文件的加载方式或我正在使用的 jquery/moment 版本有关，因为我尝试放入 this jsfiddle，但它也不起作用。

任何想法将不胜感激。任何关于如何调试这种 js 错误的提示也将对未来有好处。

当前代码：

<head>
    <link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css">
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
</head>

正文结束..

<script type='text/javascript' src="/static/js/bootstrap.min.js"></script>
<script type='text/javascript' src="/static/js/bootstrap-datetimepicker.min.js"></script>

$( document ).ready(function() {
    $('#startDate').datetimepicker();
});

最后是html：

<div class="container">
    <div class="col-sm-6" style="height:75px;">
       <div class='col-md-5'>
            <div class="form-group">
                <div>Start</div>

                <div class='input-group date' id='startDate'>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

【问题讨论】：

标签： twitter-bootstrap-3 datetimepicker bootstrap-datetimepicker

【解决方案1】：

请看一下这个小提琴：

BS Datetimepicker

$('.datepicker').datetimepicker({ format: 'DD-MM-YYYY HH:mm:ss' });

【讨论】：

【解决方案2】：

对于自定义格式，只需在输入中使用data-date-format。例如：

<div class='input-group date' id='datetimepicker5'>
    <input type='text' class="form-control" data-date-format="DD/MM/YYYY"/>
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

这是拉丁美洲的格式，日/月/年

【讨论】：