向javafx datepickerskin添加多个选定日期字段

Question

我正在使用JavaFX开发一个日历应用程序。约会的日期通过DatePicker添加到数据库中。约会应从数据库中检索并显示在三个datepicker皮肤中。

我希望datepicker皮肤显示多个选定的日子，显示每个月中各自日期/日子的所有约会。

下面的代码实现了在datepicker中显示几天的约会，但这没有多大帮助，因为datepicker下拉菜单在选择后会关闭。

我已经做了很多谷歌搜索，但一直无法找到在javafx datepicker皮肤中显示多个选定日期的方法。

谁能给我指出一个如何在datepicker皮肤上添加几天的解决方案，或者一个变通方法或者其他不是JavaFX的工具？

如有任何帮助，我们将不胜感激。

   private void datepickerSetDate() throws ParseException {


    SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd");
    String dateInString = "2017-05-27";
    Date date = formatter.parse(dateInString);

    SimpleDateFormat formatter2 = new SimpleDateFormat("yyyy-MM-dd");
    String dateInString2 = "2017-05-29";
    Date date2 = formatter2.parse(dateInString2);


    Instant instant = date.toInstant();
    LocalDate localDate = instant.atZone(ZoneId.systemDefault()).toLocalDate();

    Instant instant2 = date2.toInstant();
    LocalDate localDate2 = instant2.atZone(ZoneId.systemDefault()).toLocalDate();

    ObservableList<LocalDate> selectedDates = FXCollections.observableArrayList();
    selectedDates.addAll(localDate , localDate2);

    datePicker_1.setOnAction(event -> selectedDates.add(datePicker_1.getValue()));

    datePicker_1.setDayCellFactory(new Callback<DatePicker, DateCell>() {
        @Override
        public DateCell call(DatePicker param) {
            return new DateCell() {
                @Override
                public void updateItem(LocalDate item, boolean empty) {
                    super.updateItem(item, empty);
                    boolean alreadySelected = selectedDates.contains(item);
                    setDisable(alreadySelected);
                    setStyle(alreadySelected ? "-fx-background-color: lightblue;" : "");
                }
            };
        }
    });

Answer 1

我想出了一个办法：

dp.setOnAction(new EventHandler<ActionEvent>() {

        @Override
        public void handle (ActionEvent event) {
            LocalDate date  = dp.getValue();
        }
    });

    Callback<DatePicker, DateCell> dayCellFactory = new Callback<DatePicker, DateCell>() {

        public DateCell call (final DatePicker datePicker ) {

            return new DateCell() {

                @Override
                public void updateItem (LocalDate item , boolean empty) {

                    super.updateItem(item, empty);
                    DayOfWeek day = DayOfWeek.from(item);
                    if (day == DayOfWeek.SATURDAY || day == DayOfWeek.SUNDAY) {

                        this.setStyle("-fx-background-color: lightblue");

                    }                        

                    LocalDate today = LocalDate.now();

                    if (item.isEqual(today)) {
                        this.setStyle("-fx-background-color: green");

                    }                                        

                }

            };

        }


    };

    dp.setDayCellFactory(dayCellFactory);