我在使用YADCF日期過濾器和Bootstrap-Datetimepicker造型選項的DataTables時遇到了一個問題。問題是，月/年/從下拉容器中溢位。奇怪的是，實際的日期選擇看起來很好。我在下面附上了一些螢屏截圖。
- 這是月份選擇的樣子，年份選擇看起來也是如此。
- 然而，日期選擇看起來很正常，就像這樣：
- 我在整個應用程式中還有其他日期選擇器的下拉選單，看起來很正常：
初始化日期過濾器欄位是這樣的：
yadcf.init(tableElement.DataTable(), [
{ column_number : 11,
filter_type: "range_date"。
datepicker_type: 'bootstrap-datetimepicker'。
Date_format: 'YYY-MM-DD'。
filter_container_id。'yadcfDateDiv'.
}]);
我似乎無法弄清楚需要什么樣式屬性來解決這個問題。我試著調整了月份等的padding/margins（如我發現的其他帖子中建議的那樣），但這只是讓它們更靠近，而不是像最后一張截圖那樣彼此在一起。如果有人有任何想法，我將非常感激。
版本
uj5u.com熱心網友回復：
在挖掘了Eonasdan/bootstrap-datetimepicker檔案之后，我發現DateTimePicker插件有一個WidgetParent選項，可以用來設定小部件所在的父元素。
由于我是通過YADCF初始化DateTimePicker插件并傳入一個自定義的filter_container_id，我發現如果我也將相同的元素傳入WidgetParent屬性，它將按預期顯示。
我在我的頁面的DataTable初始化函式中添加了以下代碼，這就解決了這個問題：
我在我的頁面的DataTable初始化函式中添加了以下代碼。
$('input[id^="#yadcf-filter--orders-datable"]'/span>)。 data("DateTimePicker")。options({
"widgetParent": '#yadcfDateDiv'.
});
它選擇了由YADCF插件生成的兩個輸入欄位，DateTimePicker物件被系結到該欄位，并設定了適當的父元素。
希望這能幫助一些未來的 Googler。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/307030.html
標籤：
上一篇：Sidekiq得到ActiveRecord::ConnectionTimeoutError：無法從池中獲得一個連接