javascript - 日期时间选择器。不显示任何计时器

Question

我遇到了 datetimepicker 的情况。当我单击第一个图标时，它不显示任何计时器。第二个有效。 Chrome 浏览器在开发控制台中未显示任何错误。有什么建议 ？

<div class="input-append form-group datetimepicker">
    <div class="input-group date">
        <input type='text' data-format="hh:mm:ss" class="form-control" name="evstime" placeholder="Adauga ora" />
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-time"></span>
        </span>
    </div>
</div>

<div class="input-append form-group datetimepicker">
    <div class="input-group date">
        <input type="text" data-format="hh:mm:ss" class="form-control" name="evstime" placeholder="Adauga ora"/>
        <span class="add-on">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
        </span>
    </div>
</div>  

jQuery:

$(function() {
    $('.datetimepicker').datetimepicker({
        pickDate: false 
    });
});  

    <script src='js/moment.min.js'></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/bootstrap-datetimepicker.min.js"></script>
    <script src='js/fullcalendar.min.js'></script>
    <script src='js/calendar.js'></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css">

Answer 1

您可以将它们添加为 CDN。

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

并且仅使用日期选择器:

<script>
    $(function() {
        $('.form-control').datepicker({
            pickDate: false 
        });
    });  
</script>

一般来说，检查库依赖关系。以下是有关它的更多信息:https://jqueryui.com/datepicker/