无法清除引导程序datepicker输入中的日期范围-daterange

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' />

​

正如您在代码片段中看到的，我只能清除日期选择器上的文本，但是日期选择器中的选择范围不能清除。

任何帮助都将非常感谢！

Answer 1

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

注意，输入日期范围本身并没有实现日期选择器方法。方法应该直接调用到输入。例如：

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

});

Answer 2

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

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