带引导日期选择器的数据表列过滤器

Question

我正在使用DataTables版本1.10.12和bootstrap 3 datepicker v4.17.42。我将clearBtn设置为true。

HTML code：

    <td>
        <div class="datepicker input-group date" data-date-format="mm/dd/yyyy">
         <input type="text" class="form-control form-filter input-sm" readonly placeholder="From">
         <span class="input-group-btn">
          <button class="btn btn-sm default" type="button">
           <i class="fa fa-calendar"></i>
          </button>
         </span>
        </div>
   </td>

日期选择器：

$('.datepicker').datepicker({
    autoclose: true,
    clearBtn: true
});

Looks like this

每当我尝试清除datepicker的输入时，表格都不会绘制。我尝试在datepicker清除按钮上放置一个id，但没有任何反应。

尝试失败：

$('#clear-date').click(function() {
        table.draw();
});

有解决方案吗？提前感谢您的建议。