[英]Reset datepicker after success ajax post without refresh page, jquery, ajax
我有这样的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仍然找不到最佳答案。 你能帮我吗?
您应该使用datepicker的事件将日期更新为空或某些特定值: $('#date').datepicker("update", '');
如果要销毁日期选择器,可以使用: $('#date').datepicker("destry");
我还没有找到一种简单而好用的方法,所以我实际要做的是:
当我从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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.