Javafx 是否在日期选择器上隐藏日历按钮?

Javafx 是否在日期选择器上隐藏日历按钮?,javafx,datepicker,Javafx,Datepicker,有没有一种简单的方法可以隐藏JavaFX中DatePicker节点上的日历按钮?我们的一些日期是不可编辑的,日历按钮只是增加了字段的宽度。您可以使用以下css删除日历按钮 .date-picker > .arrow-button { -fx-padding: 0px; } .date-picker > .arrow-button > .arrow { -fx-padding: 0px; } 编辑-要返回右边框: .date-picker > .date

有没有一种简单的方法可以隐藏JavaFX中DatePicker节点上的日历按钮?我们的一些日期是不可编辑的,日历按钮只是增加了字段的宽度。

您可以使用以下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;
}

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

声明一个日期选择器并向其添加一个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;
}

这肯定会删除按钮,但是也会删除字段的右边框
.date picker>.arrow button{-fx padding:px;}.date picker>.arrow button>.arrow{-fx padding:0px;}
这稍微好一点,但仍然不够完美。您建议如何有选择地将此样式应用于特定的日期选择器,因为我显然不希望它应用于应可编辑的日期选择器。