javafx - 隐藏 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;
}

---

编辑 - 仅将上述样式应用于少数日期选择器

声明一个 DatePicker 并向其添加一个样式类。

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

使用这个样式类来添加样式:

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