Datepicker没有显示天数 - Bootstrap

时间:2015-06-15 11:14:53

标签: javascript jquery html twitter-bootstrap datepicker

我正在努力解决这个问题,我正在努力的原因是因为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>

破页

enter image description here

工作页面

enter image description here

1 个答案:

答案 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 () ..