Javascript不工作-日期选择器

我试图在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工作正常，我可以看到datepicker字段，但我不能使用它，timepicker似乎也遇到了同样的问题。 当我点击它时，日历或时间选择器没有打开。

---

怎么了？

初始化字段并转换为日期选择器的javascript在哪里？如果只做html标记，字段对功能一无所知

使用以下命令：

$（'#datepicker'）.datepicker（）

但是首先！阅读文档…
初始化字段并转换为日期选择器的javascript在哪里？如果只做html标记，字段对功能一无所知

使用以下命令：
$（'#datepicker'）.datepicker（）

但是首先！阅读文档…
我使用它：$（函数（）{//Date picker$（'#datepicker'）。datepicker（{autoclose:true}）//Timepicker$（'.Timepicker'）。Timepicker（{showInputs:false}）我得到了这个：“datepicker不是一个函数”在哪里包含datepicker本身？这是这行吗？我使用它：$（函数（）{//Date picker$（'#datepicker'）。datepicker（{autoclose:true}）//Timepicker$（'.Timepicker'）。Timepicker（{showInputs:false}）我有这样一句话：“datepicker不是一个函数”在哪里包含datepicker本身？这是这一行，对吗？