我正在努力解决这个问题,我正在努力的原因是因为datepicker正在我的一个页面上工作。
问题可能是我在与datepicker同时加载数据表吗?因为在破损的页面上,我正在加载使用datepicker中的日期的数据表。
问题再现
JSFiddle - 如果不包含FilterLoggingTable函数,它可以正常工作。
Datepicker的代码段
if (typeof $('#generateDate, #loggingDatePicker').datepicker !== 'undefined')
{
var currentDate = new Date();
$('#generateDate, #loggingDatePicker').datepicker(
{
format: 'dd-mm-yyyy',
autoclose: false
});
$('#generateDate, #loggingDatePicker').datepicker('setValue', currentDate).datepicker('update').datepicker();
}
HTML(Broken Datepicker)
<div class="col-sm-6">
<div class="input-group date col-md-3 pull-right" data-date-format="dd-mm-yyyy" data-date="12-04-2015">
<input id="loggingDatePicker" class="form-control" type="text" value="12-04-2015" size="14" />
<span class="input-group-addon add-on">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
HTML(工作日期选择器)
<div class="col-md-4 form-group">
<div class="input-group date " data-date-format="dd-mm-yyyy" data-date="12-04-2015">
<input id="generateDate" class="form-control generatePDFBTNS" type="text" value="12-04-2015" size="14" />
<span class="input-group-addon add-on">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
破页
工作页面
答案 0 :(得分:1)
<强> DEMO 强>
确定。问题在于你的下线:
("tr:not(:has(>th))").show().filter
在FilterLoggingTable()
函数内。
当条件匹配时,它的作用是隐藏或显示页面中的所有
tr
!现在为什么 这会影响您的日历,因为引导程序会创建table
初始化calendar
及时,{strong>为datepicker
表格也会匹配上述标准,只有 适用于dataTables
。
所以,您需要做的就是获取tr
的{{1}},如下所示:
dataTable
现在,如果您愿意,可以保留$('#dataTables-example').find("tr:not(:has(>th))").show().filter(function ()
..