当 ScrollX 设置为 true 时，yadcf bootstrap datetimepicker 不显示答案

【问题标题】：yadcf bootstrap datetimepicker is not displaying when ScrollX is set to true当 ScrollX 设置为 true 时，yadcf bootstrap datetimepicker 不显示
【发布时间】：2018-02-18 07:56:24
【问题描述】：

我正在尝试使用 yadcf 插件和引导 datetimepicker 来过滤我的数据表中的日期。

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

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

有解决这些问题的建议或指示吗？

【问题讨论】：

它与 jquery datepicker 配合得好吗？
我没有尝试使用 jquery 日期选择器，因为我为我的数据表使用 bootstrap CSS 并且想使用 bootstrap datetimepicker。
我会尝试完成另一个引导日期选择器的集成，希望它能解决它github.com/vedmack/yadcf/issues/435敬请期待
尝试最新的yadcf beta 并使用以下日期选择器插件github.com/uxsolutions/bootstrap-datepicker
非常感谢 Daniel 更新插件。当 ScrollX 设置为 true 时，日期选择器现在显示。我从 $("#" + dateId).datepicker({}); 修改了 yadcf plugin(Line:1773);到 $("#" + dateId).datepicker(datepickerObj);因为我需要设置日期选择器选项，并且在此更改后它起作用了。

标签： twitter-bootstrap yadcf

【解决方案1】：

使用具有类似设置的 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 插件添加到您的网络应用程序

【讨论】：

在 range_date 的情况下，过滤器有两个文本框要求过滤的开始和结束日期。 filter_type:date 不可能吗？它适用于 filter_type:"range_date"。
将检查...您可以调试以查明问题以加快修复速度
此日期选择器不再需要即时使用