Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 3 引导datetimepicker未正确执行_Twitter Bootstrap 3_Datetimepicker_Bootstrap Datetimepicker - Fatal编程技术网

Twitter bootstrap 3 引导datetimepicker未正确执行

Twitter bootstrap 3 引导datetimepicker未正确执行,twitter-bootstrap-3,datetimepicker,bootstrap-datetimepicker,Twitter Bootstrap 3,Datetimepicker,Bootstrap Datetimepicker,上的文档没有真正解释使用小部件需要什么版本的jquery和moment(如果需要特定版本)。根据开发工具,我没有任何jquery错误,我通过添加一些运行良好的快速jquery来测试日历图标按钮 ($("#datetimepicker10 span").click(function(){ alert('working!'); }; )); 否则,我会以正确的顺序加载文档中所需的所有内容(我认为)。然而;图标链接不起作用,因此我无法选择日期或时间。我假设这与文件的加载方式有关,或者

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

($("#datetimepicker10 span").click(function(){
    alert('working!');
    };
));
否则,我会以正确的顺序加载文档中所需的所有内容(我认为)。然而;图标链接不起作用,因此我无法选择日期或时间。我假设这与文件的加载方式有关,或者与我使用的jquery/moment版本有关,因为我尝试插入JSFIDLE,但它也不起作用

任何想法都将不胜感激。任何关于如何调试这种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();
});

$(文档).ready(函数(){
$('#startDate')。日期时间选择器();
});
最后,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>

开始

请看一下这把小提琴:

$('.datepicker').datetimepicker({
格式:“DD-MM-YYYY HH:MM:ss”
});

对于自定义格式,只需在输入中使用数据日期格式即可。例如:

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

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