Question

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

<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字段，但我无法使用它，时间戳似乎有同样的问题。当我点击它时，日历或时间戳没有打开。有什么问题？

Answer 1

你的javascript在哪里初始化字段并转换为datepickers？如果你只做html标记，字段对功能一无所知。

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

但首先！阅读文档...

Javascript无法正常工作 - datepicker

1 个答案: