无法清除引导日期选择器输入日期范围中的日期范围

Question

我已经使用了Bootstrap datepicker 的input-daterange，它工作正常。 但问题是，我无法清除其中的日期和选择（范围）。

$(document).ready(function() {
  datespicker();
});

function datespicker() {
  $('#data_5 .input-daterange').datepicker({
    keyboardNavigation: false,
    forceParse: false,
    autoclose: true
      //format: "dd/mm/yyyy"
  });
}

function ClearUsersStatistics() {
  $('#dtStartDate').val('');
  $('#dtEndDate').val('');

  //$('#datepicker').val('').datepicker('update');
  //$('#datepicker').val("");
  //$('#datepicker').datepicker('setDate', null);

  //$("input[id$='dtStartDate'], input[id$='dtEndDate']").datepicker("option", "maxDate", null);
  //$("input[id$='dtStartDate'], input[id$='dtEndDate']").datepicker("option", "minDate", null);
}

<link href="http://webapplayers.com/inspinia_admin-v2.0/css/bootstrap.min.css" rel="stylesheet" />
<link href="http://webapplayers.com/inspinia_admin-v2.0/css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet" />
<link href="http://webapplayers.com/inspinia_admin-v2.0/css/plugins/datapicker/datepicker3.css" rel="stylesheet" />

<script src="http://webapplayers.com/inspinia_admin-v2.0/js/jquery-2.1.1.js"></script>
<script src="http://webapplayers.com/inspinia_admin-v2.0/js/bootstrap.min.js"></script>
<script src="http://webapplayers.com/inspinia_admin-v2.0/js/plugins/datapicker/bootstrap-datepicker.js"></script>
<script src="http://webapplayers.com/inspinia_admin-v2.0/js/plugins/datapicker/bootstrap-datepicker.js"></script>


<div class="form-group" id="data_5">
  <label class="font-noraml">Range select</label>
  <div class="input-daterange input-group" id="datepicker">
    <input type="text" class="input-sm form-control" name="start" id="dtStartDate" />
    <span class="input-group-addon">to</span>
    <input type="text" class="input-sm form-control" name="end" id="dtEndDate" />
  </div>
</div>

<input class='btn btn-primary' id='Button1' value='Clear Statistics' onclick='ClearUsersStatistics();' type='button' />

正如您在 sn-p 上看到的，我只能清除日期选择器上的文本，但日期选择器内的选择范围并未清除。

任何帮助将不胜感激！！！

Answer 1

他们似乎已经解决/解决了这个问题： http://bootstrap-datepicker.readthedocs.org/en/latest/markup.html#date-range

请注意，input-daterange 本身并没有实现 datepicker` 方法。方法应该直接调用输入。例如：

$(‘.input-daterange input’).each(function (){
    $(this).datepicker(“clearDates”);

});

Answer 2

你可能还得触发.datepicker('update');。

$('#dtStartDate').add('#dtEndDate').val('').datepicker('update');