【问题标题】:Datepicker not showing days - BootstrapDatepicker 不显示天数 - Bootstrap
【发布时间】:2015-06-15 11:14:52
【问题描述】:

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

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

问题重现

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

日期选择器的代码 sn-p

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>

损坏的页面

工作页面

【问题讨论】:

  • 你能创建一个问题小提琴吗??
  • 您是否在带有“损坏”html 的页面上包含 jqueryui?因为它在小提琴中工作正常:jsfiddle.net/jjbswqL8
  • 我添加了一个小提琴@GuruprasadRao
  • 我已经在小提琴中复制了 - @JeremyC。
  • 为什么你在 datepicker 中有autoclose:false

标签: javascript jquery html twitter-bootstrap datepicker


【解决方案1】:

DEMO

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

("tr:not(:has(&gt;th))").show().filter

FilterLoggingTable() 函数内部。

这样做是在匹配条件时隐藏或显示页面中的所有trs!现在为什么 这会影响您的日历,因为引导程序会创建 table 为您的calendar 初始化datepicker 和那个 表格也将符合上述仅应存在的条件 dataTables

所以,你需要做的只是得到dataTabletrs,如下所示:

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

现在你可以保留autoclose:false,如果你愿意的话..

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多