在沒有刷新頁面，jquery，ajax的ajax發布成功后重置datepicker

Question

我有這樣的HTML

<div class="col-md-3">
<div id="date" data-date-format="dd-mm-yyyy"> </div>
</div>
<input id="datehidden" type="text" name="berlaku" value="">

和像這樣的javascript

var day = new Date();
   $('#date').datepicker({
     inline: true,
     sideBySide: true,
     startDate: day,
    }).on('changeDate',function (e) {
      value = e.format('yyyy-mm-dd');
      $('#datehidden').val(value);
    });

當我完成向數據庫的數據輸入后，我需要重設空白表單，甚至我的日期選擇器，我也要嘗試一下

$('#date').datepicker({setDate: null});

它不起作用，我用谷歌搜索，stackoverflow仍然找不到最佳答案。 你能幫我嗎？

Answer 1

您應該使用datepicker的事件將日期更新為空或某些特定值： $('#date').datepicker("update", '');

如果要銷毀日期選擇器，可以使用： $('#date').datepicker("destry");

Answer 2

我還沒有找到一種簡單而好用的方法，所以我實際要做的是：

當我從HTML中調用jQuery函數時，實際上是擦除了div（日期input所在的位置）中的內容，然后再次使用jQuery .append()插入了它，效果很好！

//erase the content of div date1
var div = document.getElementById('date1');
while(div.firstChild){
    div.removeChild(div.firstChild);
}

//erase the content of div date2
var div = document.getElementById('date2');
while(div.firstChild){
    div.removeChild(div.firstChild);
}

$("#date1").append("<span class='input-group-addon' data-toggle='tooltip' title='Fecha fin de la movilidad'><b>FF</b></span><input type='text' name='fecha_1_reg' id='fecha_1_reg' placeholder='Ej: 2017-01-31'/>");
$("#date2").append("<span class='input-group-addon' data-toggle='tooltip' title='Final date'><b>FF</b></span><input type='text' name='fecha_2_reg' id='fecha_2_reg' placeholder='Ej: 2017-01-31'/>");

在HTML中：

<td align='center'>
    <div id="date1" class='input-group col-xs-3'>
        <span class='input-group-addon' data-toggle='tooltip' title='First date'><b>FI</b></span>
        <input type='text' name='fecha_1_reg' id='fecha_1_reg' placeholder='Ej: 2017-01-01' />
    </div>
</td>
<td align='center'>
    <div id="date2" class='input-group col-xs-3'>
        <span class='input-group-addon' data-toggle='tooltip' title='last date'><b>FF</b></span>
        <input type='text' name='fecha_2_reg' id='fecha_2_reg' placeholder='Ej: 2017-01-31' />
    </div>
</td>