JavaFX datepicker - 如何更新第二个 datepicker 对象中的日期？

Question

问题： 我在同一个场景中有两个日期选择器对象 checkIn_date 和 checkOut_date。 有一种方法可以自动更改第二个 datepicker 对象中的日期字段吗？ 例如：checkIn_date 设置为 2015-08-10，checkOut_date 设置为 2015-08-11。如果我更改 checkIn_date 中的日期字段，即 2015-08-22，checkOut_date 会自动更新为 2015-08-23。 感谢您的任何建议。

Answer 1

您可以通过向您的 check-in DatePicker 添加一个侦听器、获取新值、​​添加您想要的天数并将新值更新到 check-out DatePicker 来实现此目的。

这是一个 MCVE，可以让您更了解我的意思：

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Main extends Application {

    private final int noOfDaysToAdd = 2;

    @Override
    public void start(Stage primaryStage) throws Exception {

        VBox root = new VBox(10);
        root.setAlignment(Pos.CENTER);
        Label checkInLabel = new Label("Check In :    ");
        Label checkOutLabel = new Label("Check Out : ");
        DatePicker picker1 = new DatePicker();
        DatePicker picker2 = new DatePicker();

        // Listener for updating the checkout date w.r.t check in date
        picker1.valueProperty().addListener((ov, oldValue, newValue) -> {
            picker2.setValue(newValue.plusDays(noOfDaysToAdd));
        });

        HBox checkInBox = new HBox(10, checkInLabel, picker1);
        HBox checkOutBox = new HBox(10, checkOutLabel, picker2);
        checkInBox.setAlignment(Pos.CENTER);
        checkOutBox.setAlignment(Pos.CENTER);

        root.getChildren().addAll(checkInBox, checkOutBox);
        Scene scene = new Scene(root, 400, 400);
        primaryStage.setScene(scene);
        primaryStage.show();


    }

    public static void main(String[] args) {
        launch(args);
    }
}

输出：

更新

你可以重写sn-p

picker1.valueProperty().addListener((ov, oldValue, newValue) -> {
    picker2.setValue(newValue.plusDays(noOfDaysToAdd));
});

没有 lambda 为：

picker1.valueProperty().addListener(new ChangeListener<LocalDate>() {
    @Override
    public void changed(ObservableValue<? extends LocalDate> observable, LocalDate oldValue, LocalDate newValue) {
        picker2.setValue(newValue.plusDays(noOfDaysToAdd));
    }
});

Answer 2

首先感谢您的帮助！ 我已经从另一个角度解决了我的问题。 加载场景/视图时，任一日期选择器都设置为当前日期以进行签入，而当前日期之后的第二天则设置为签出日期。 对于入住日，我已禁用选择当前日期之前和退房日期之后的天数。 对于退房日期，我已禁用选择退房日期前的日期。

很遗憾，我无法发布任何图片，因为我的声望不是 10！

但这是控制器类的代码：

import java.time.LocalDate;
import javafx.fxml.FXML;
import javafx.scene.control.DatePicker;
import com.main.controller.checker.DateChecker;
import com.main.controller.datautil.DataFetch;
import com.main.controller.datautil.DataStore;
import com.main.controller.util.Initilizable;

public class SearchCtrl implements Initilizable{

@FXML
private DatePicker check_in;

@FXML
private DatePicker check_out;

@Override
public void init() {        
    check_in.setValue(LocalDate.now());
    check_out.setValue(check_in.getValue().plusDays(1));
    DateChecker.setBeginDateBounds(check_in, check_out.getValue());
    DateChecker.setEndDateBounds(check_out, check_in.getValue());
    check_in.setOnAction( (event) ->   {DateChecker.setEndDateBounds(check_out, check_in.getValue());});
    datafine.setOnAction( (event) -> {DateChecker.setBeginDateBounds(check_in, check_out.getValue());});
}

这是 DateChecker 类：

import java.time.LocalDate;
import javafx.scene.control.DateCell;
import javafx.scene.control.DatePicker;
import javafx.util.Callback;

public class DateChecker {

private DateChecker(){
}

public static void setBeginDateBounds(DatePicker begin_date, LocalDate end_date ){
    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);
                    boolean cond = (item.isBefore(LocalDate.now()) || !item.isBefore(end_date));
                    if (cond){
                        setDisable(true);
                        setStyle("-fx-background-color: #d3d3d3;");
                    }else{
                        setDisable(false);
                        setStyle("-fx-background-color: #CCFFFF;");
                        setStyle("-fx-font-fill: black;");
                    }
                }
            };
        }   
    };
    begin_date.setDayCellFactory(dayCellFactory);       
}

public static void setEndDateBounds(DatePicker end_date, LocalDate begin_date ){
    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);
                    boolean cond = (item.isBefore(LocalDate.now()) || !item.isAfter(begin_date));
                    if (cond){
                        setDisable(true);
                        setStyle("-fx-background-color: #d3d3d3;");
                    }else{
                        setDisable(false);
                        setStyle("-fx-background-color: #CCFFFF;");
                        setStyle("-fx-font-fill: black;");
                    }
                }
            };
        }   
    };
    end_date.setDayCellFactory(dayCellFactory);     
 }
}

我希望这会有所帮助！