Javafx 是否在日期选择器上隐藏日历按钮?
有没有一种简单的方法可以隐藏JavaFX中DatePicker节点上的日历按钮?我们的一些日期是不可编辑的,日历按钮只是增加了字段的宽度。您可以使用以下css删除日历按钮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
.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;}
这稍微好一点,但仍然不够完美。您建议如何有选择地将此样式应用于特定的日期选择器,因为我显然不希望它应用于应可编辑的日期选择器。