引导日期选择器点击问题

Question

我正在使用带有 bootstrap-rtl 的引导日期选择器

问题我有 2 个字段，一个用于日期，一个用于名称，直到我首先单击日期输入然后在名称输入中单击日期选择器，然后当我单击返回日期输入时显示的数据选择器，这仅发生在第一次加载页面，然后它工作正常，直到您再次重新加载页面。

<div class="col-md-6">
  <div class="form-group">
    <label for="name" class="control-label">name</label>
    <input type="text" maxlength="40" name="name" class="form-control" />
  </div>
</div>

<div class="col-md-6">
  <div class="form-group">
    <span class="text-danger Bold">*</span>
    <label for="civilIDExpiredDate" class="control-label">ExpiredDate</label>
    <div class="input-group date">
      <div class="input-group-addon">
        <i class="fa fa-calendar"></i>
      </div>
      <input type="text" name="ExpiredDate" class="form-control datepicker">
    </div>
  </div>
</div>

<script type="text/javascript">
 //datepicker
     $('.datepicker').datepicker({
      autoclose: true,
      format: 'dd/mm/yyyy',
      todayHighlight: true,
      startDate: "dateToday"
    });
 </script>

Answer 1

这对你有用

<script type="text/javascript">
    $(document).ready({
     //datepicker
         $('.datepicker').datepicker({
          autoclose: true,
          format: 'dd/mm/yyyy',
          todayHighlight: true,
          startDate: "dateToday"
        });
    });
</script>

你需要在 dom 准备好之后初始化你的 datetimepicker。