Question

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

＆＃13;

$(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);
}

＆＃13;

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

＆＃13;

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

任何帮助都将非常感谢!!!

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');

无法清除bootstrap datepicker输入日期范围中的日期范围

2 个答案: