在DatePicker上隱藏日曆按鈕？

Question

有沒有簡單的方法來隱藏JavaFX中的DatePicker節點上的日曆按鈕？我們的某些日期不可編輯，日曆按鈕只是增加了字段的寬度。

Answer 1

您可以使用下面的CSS刪除日曆按鈕

.date-picker > .arrow-button { 
    -fx-padding: 0px; 
} 

.date-picker > .arrow-button > .arrow { 
    -fx-padding: 0px; 
} 

編輯 - 要返回右邊界：

.date-picker > .date-picker-display-node { 
    -fx-background-insets: 1 1 1 1; 
} 

---

編輯 - 要應用以上風格只有幾個datepickers

聲明一個DatePicker併爲其添加一個styleclass。

DatePicker nonEditableDatePicker = new DatePicker(); 
nonEditableDatePicker.getStyleClass().add("non-editable-datepicker"); 

使用此styleClass的樣式添加：

.non-editable-datepicker > .arrow-button { 
    -fx-padding: 0px; 
} 

.non-editable-datepicker > .arrow-button > .arrow { 
    -fx-padding: 0px; 
} 

.non-editable-datepicker > .date-picker-display-node { 
    -fx-background-insets: 1 1 1 1; 
}