Javascript不起作用 - 日期选择器

Question

我正在尝试在我的html表单中使用日期选择器和时间选择器。我的代码如下：

<div class="form-group" style="width: 50%;">
<label>Date:</label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" id="datepicker" name="date" >
</div>
<!-- /.input group -->
</div>
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker3'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
</div>
</div>
<label>

我使用以下内含物：

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>    
<link rel="stylesheet" href="plugins/datepicker/datepicker3.css">
<link rel="stylesheet" href="plugins/timepicker/bootstrap-timepicker.min.css">
<script type="text/javascript" src="plugins/datepicker/locales/bootstrap-datepicker.fr.js"></script>
<script type="text/javascript" src="plugins/timepicker/bootstrap-timepicker.min.js"></script>

html 工作正常，我可以看到日期选择器字段，但我无法使用它，时间选择器似乎遇到了同样的问题。 当我单击它时，日历或时间选择器无法打开。 怎么了？

Answer 1

你的JavaScript在哪里初始化字段并转换为日期选择器？ 如果您只执行 HTML 标记，则字段对功能一无所知。

使用这个：$('#datepicker').datepicker();

但首先！ 阅读文档...