YADCF date_range Filter mit Bootstrap-Datetime nicht korrekt

Question

Anzeige I jquery-datatables-rails und die YADCF Plugin in meinen Schienen-app verwenden, und ich würde den date_range Filtertyp mit der bootstrap-datetimepicker Option verwenden mag, wie ich es an anderer Stelle in der App bin mit . Allerdings, wenn ich die Optionen für eine Spalte verwenden:

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

das Widget nicht korrekt angezeigt wird, sieht es wie folgt aus:

Was kann ich tun, um diese Anzeige richtig zu machen? Hier ist, wie es an anderer Stelle in meiner app aussieht, das ist, wie ich es aussehen soll:

mit der Ausnahme, dass ich nicht die Zeit, in diesem Fall wählbar sein will, nur das Datum.

Jede Hilfe wäre sehr geschätzt, danke!

Answer 1

fand ich die Antwort hier, hoffentlich hilft das jemand anderes zusammen versuchen jquery Datentabellen und Bootstrap-Datetime zu verwenden - https://github.com/Eonasdan/bootstrap-datetimepicker/issues/958

Aus dieser Quelle:

// 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; 
}