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中的内容（日期.append()所在的位置），然后我再次使用jQuery //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'/>");插入它这实际上很好用！

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

在HTML中：

.loc[]

成功ajax发布后没有刷新页面，jquery，ajax重置datepicker

2 个答案: