当ScrollX设置为true时,yadcf bootstrap datetimepicker不显示

时间:2018-02-18 07:56:24

标签: twitter-bootstrap yadcf

我尝试使用ystcf插件使用bootstrap datetimepicker来过滤数据表中的日期。

enter image description here

日期选择器仅在ScrollX设置为false时可见。设置为true时,会出现水平滚动条,然后日期选择器隐藏在数据行的后面。

enter image description here

我试图在.bootstrap-datetimepicker-widget类中设置position:relative。它在设置后可见,但文本框高度正在变化,并且日期选择器对齐问题发生如下。

enter image description here

有任何解决这些问题的建议或指示吗?

1 个答案:

答案 0 :(得分:0)

使用具有类似设置的yadcf 0.9.3.beta.7版本

$('#example').dataTable().yadcf([{
    column_number: 4, 
    filter_type: "range_date", 
    datepicker_type: 'bootstrap-datepicker', 
    date_format: 'yyyy-mm-dd'
}]);

并将uxsolutions/bootstrap-datepicker插件添加到您的网络应用