格式化日期选择器

Question

我的应用程序场景中有一个日期选择器，想对其进行格式化。

到目前为止，我已经能够调整日期选择器的字体大小。

DatePicker.css：

.datepicker {
    -fx-font-size: 12px
}

例如，如何更改今天日期的边框或悬停日期的背景？ 我尝试了.datepicker:hover ，但这似乎.datepicker:hover 。

Answer 1

以下几乎可以正常工作：

.date-cell:hover {
  -fx-background-color: yellow ;
  /* etc */
}

我说“几乎”是因为第一次显示日期选择器的弹出窗口时不起作用，仅在随后的显示中起作用。 那是一个错误，您应该在https://javafx-jira.kenai.com上归档。

我无法想出解决方法，但稍后会尝试...

您可以使用以下命令格式化显示所选日期的单元格

.date-cell:focused {
  /* ... */
}

和显示所选日期的字段

.date-picker .text-field {
    /* ... */
}

Answer 2

你将不能够直接使用的样式为实现这个datepicker ，我不知道你是否有机会获得datecell通过直接css ，但它必须存在！

所以你可以尝试这样的事情，

.date-cell:hover{
        //your style
 }

提示 ：可以在modena.css的javafx8查找。

将其视为黑客，您可以覆盖日期选择器的Day Cell Factory

final Callback<DatePicker, DateCell> dayCellFactory = 
        new Callback<DatePicker, DateCell>() {
            @Override
            public DateCell call(final DatePicker datePicker) {
                return new DateCell() {
                    @Override
                    public void updateItem(LocalDate item, boolean empty) {
                        super.updateItem(item, empty);

                        if (//day is today) {
                             setStyle(" -fx-border-color:black, 
                                              -fx-border-style:solid,
                                                          -fx-border-width:1px");
                        }   
                 }
          };
    }
};
checkOutDatePicker.setDayCellFactory(dayCellFactory);

一个完整的例子可以在这里找到