Bootstrap Datepicker和DataTables fnDraw（）问题

debugcn 发表于 Dev

CSharpNewBee

我有一个Bootstrap datepicker范围，我将其称为setDate函数，如下所示：

$('.input-daterange').datepicker({
                        format: "dd/mm/yyyy",
                        todayBtn: "linked",
                        calendarWeeks: true,
                        autoclose: true,
                        todayHighlight: true
                    });

$('#fromDate, #toDate').datepicker('setDate', new Date());

相应的html为：

<table>
     <tr class="input-daterange input-group" id="datepicker">
       <td>
          <input id="fromDate" type="text" class="input-sm form-control" name="start"/>
          <span id="toDate" class="input-group-addon">to</span>
          <input type="text" class="input-sm form-control" name="end" /> 
       </td>                     
     </tr>
</table>

现在，我还使用DataTables，它使用该fnDraw()方法根据某些UI更改重绘表数据，其中之一是监听.change我的日期范围。

当我尝试使用上述JS代码设置默认日期（今天）时，出现以下错误：

JavaScript运行时错误：无法获取未定义或空引用的属性'fnDraw'

如何避免这种情况的发生，或者如何在不使用setDate方法的情况下设置默认日期？

微妙的树

不确定使用的是哪个后端，但是可以通过设置输入值来设置默认日期服务器端吗，例如：您可以使用的rails

<input value="<%= Date.today.strftime('%d/%m/%Y') %>" id="fromDate" type="text" class="input-sm form-control" name="start"/>
<span id="toDate" class="input-group-addon">to</span>
<input value="<%= Date.tomorrow.strftime('%d/%m/%Y') %>" type="text" class="input-sm form-control" name="end" />

我正在使用此方法在我的应用程序中为bootstrap-datepicker设置默认日期。

我猜您还必须提供数据表默认日期才能使用，这样它才能显示正确的数据开始。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。