In diesem Artikel geht es um Date Picker in JavaFX und wie man ihn verwenden kann. Dabei handelt es sich um ein UI Element, welches du sicher bereits gesehen hast. Es ermöglicht ein Datum auszuwählen. Schauen wir uns zuerst einmal an wie man einen Date Picker in JavaFX anlegt.

Anlegen eines Date Picker in JavaFX:

DatePicker datePicker = new DatePicker();

Das sieht dann so aus:Wir haben also mit einer Zeile (plus der Zeile in der wir das Element zu unsere Scene hinzufügen) einen kompletten Date Picker erstellt.Wir können dem Date Picker in JavaFX aber auch direkt setzen. Im Fall des Bildes habe ich den Date Picker bereits angeklickt und daher ein Datum eingetragen.

DatePicker datePicker = new DatePicker();

DatePicker datePicker2 = new DatePicker(LocalDate.of(2015, 12, 4));

datePicker.setValue(LocalDate.now());

grid.getChildren().addAll(datePicker, datePicker2);
GridPane.setConstraints(datePicker, 0,0);
GridPane.setConstraints(datePicker, 0,1);

Nun schreiben wir noch ein kleines Programm in dem wir ablesen können, wie viele Tage die beiden Wahlen von einander entfernt sind.

Programm zu Date Picker in JavaFX

[spoiler title='Date Picker Programm']

package application;
	
import java.time.LocalDate;
import java.time.temporal.ChronoUnit;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.DateCell;
import javafx.scene.control.DatePicker;
import javafx.scene.control.Label;
import javafx.scene.control.Tooltip;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;
import javafx.util.Callback;


public class Main extends Application {
	@Override
	public void start(Stage primaryStage) {
		try {
			// wir legen unser GridPane an
			GridPane grid = new GridPane();
			// weisen das Padding (interner Abstand) zu
			grid.setPadding(new Insets(10, 10, 10, 10));
			// und fügen einen kleinen Außenabstand hinzu
			grid.setVgap(10);
			grid.setHgap(10);
			
			// Wir setzen die beiden Date Picker auf den aktuellen Tag
			DatePicker startDatePicker = new DatePicker(LocalDate.now());		
			DatePicker endDatePicker = new DatePicker(LocalDate.now());
			
			Label startLabel = new Label("End Datum");
			Label endLabel = new Label("Start Datum");
			
			// Positionieren und einfügen aller Elemente
			GridPane.setConstraints(startDatePicker, 1,0);
			GridPane.setConstraints(startLabel, 0,0);
			GridPane.setConstraints(endDatePicker, 1,1);
			GridPane.setConstraints(endLabel, 0,1);
			grid.getChildren().addAll(startDatePicker, endDatePicker,startLabel, endLabel);
			
			
			// Callback der die Zelle abfragt und ihr einen Tooltip hinzufügt
			final Callback<DatePicker, DateCell> DayCellFactory = new Callback<DatePicker, DateCell>() {
			      @Override
			      // DateCell Klasse, die uns Zugriff auf das Datum der Zelle gibt
			      public DateCell call(final DatePicker datePicker) {
			        return new DateCell() {
			          @Override
			          public void updateItem(LocalDate item, boolean empty) {
			            super.updateItem(item, empty);

			            long d = ChronoUnit.DAYS.between(endDatePicker.getValue(), item);
			            setTooltip(new Tooltip("Du bleibst " + d + " Tage"));
			          }
			        };
			      }
			};
			
			// setzen der DaycellFactory und des Start Date Picker auf den Wert + 1 
			endDatePicker.setDayCellFactory(DayCellFactory);
			endDatePicker.setValue(startDatePicker.getValue().plusDays(1));    
			    
			Scene scene = new Scene(grid,350,300);
			primaryStage.setScene(scene);
			primaryStage.show();
		} catch(Exception e) {
			e.printStackTrace();
		}
	}
	
	public static void main(String[] args) {
		launch(args);
	}
}

[/spoiler]