日期选择器不显示日期 - Bootstrap

Question

我正在为这个问题的答案苦苦挣扎，我苦苦挣扎的原因是日期选择器正在我的一个页面上工作。

问题可能是我在加载日期选择器的同时加载数据表吗？因为在损坏的页面上，我正在加载使用日期选择器中的日期的数据表。

问题重现

JSFiddle - 不包括 FilterLoggingTable 函数，它工作正常。

日期选择器的代码片段

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（损坏的日期选择器）

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

残页

工作页面

Answer 1

DEMO

好的。问题出在您的以下行：

("tr:not(:has(>th))").show().filter

在 FilterLoggingTable() 函数中。

What this does is hides or shows all the trs in the page when criteria is matched!Now why this effects your calendar is because the bootstrap creates table for your calendar when you initialize the datepicker and that table will also match the above criteria which should be only there for dataTables.

所以，您需要做的就是获取 dataTable 的 trs，如下所示：

$('#dataTables-example').find("tr:not(:has(>th))").show().filter(function ()

现在你可以保留 autoclose:false 如果你想..

日期选择器不显示日期 - Bootstrap

Datepicker not showing days - Bootstrap

html

javascript

jquery

datepicker

twitter-bootstrap