DATE_RANGE фильтр YADCF с самозагрузкой-DateTimePicker не отображается правильно

Question

Я использую jquery-datatables-rails и YADCF плагина в моих рельсах приложении, и я хотел бы использовать тип date_range фильтра с опцией bootstrap-datetimepicker, так как я использую его в другом месте в приложении , Однако, когда я использую эти параметры для столбца:

{ column_number: 3, filter_reset_button_text: false, filter_type: 'range_date', datepicker_type: 'bootstrap-datetimepicker', date_format: 'M/D/YYYY' } 

виджет не отображается правильно, это выглядит следующим образом:

Что я могу сделать, чтобы сделать этот дисплей правильно? Вот как это выглядит в другом месте в моем приложении, которое, как я хочу, чтобы это выглядело:

с тем исключением, что я не хочу время быть выбором в этом случае, только дата.

Любая помощь будет очень признательна, спасибо!

Answer 1

Я нашел ответ здесь, надеюсь, что это помогает кто-то пытается использовать Jquery DataTables и самозагрузки-DateTimePicker вместе - https://github.com/Eonasdan/bootstrap-datetimepicker/issues/958

Из этого источника:

// Fix interference between jquery datatables and bootstrap datetimepicker 
table.dataTable.table-condensed .bootstrap-datetimepicker-widget thead > tr > th { 
    padding-right: 0; 
} 
table.dataTable.table .bootstrap-datetimepicker-widget thead > tr > th { 
    padding-right: 0; 
}