Datepicker отмечать только определенные дни красным цветом - PullRequest
Новая
       9

Datepicker отмечать только определенные дни красным цветом

0 голосов
/ 27 мая 2018

Я бы хотел отметить только определенные дни красным цветом.Если я выбрал день с помощью DatePicker, а затем нажал кнопку «selected», выбранный день в DatePicker должен быть выделен красным цветом.

Мне удалось только, когда я нажимаю «locale», а затем нажимаю на день в DatePicker и на «selected» нажимаю дни до отмеченного дня, когда дни отмечены красным.

У кого-нибудь есть решение для этого?

Main.java 

package sample;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root, 600, 400));
        primaryStage.show();
    }


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

Controller.java 

package sample;


import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.DateCell;
import javafx.scene.control.DatePicker;
import javafx.scene.control.Label;

import javax.security.auth.callback.Callback;
import java.net.URL;
import java.time.LocalDate;
import java.util.Date;
import java.util.ResourceBundle;

public class Controller implements Initializable {

    @FXML
    private Button button1;

    @FXML
    private Button button2;

    @FXML
    private DatePicker datePicker;

    @FXML
    private Label label;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        button2.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                label.setText(LocalDate.now().toString());
                datePicker.setValue(LocalDate.now());
            }
        });
        button1.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                label.setText(datePicker.getValue().toString());
            }
        });

        javafx.util.Callback<DatePicker, DateCell> set = new javafx.util.Callback<DatePicker, DateCell>() {
            @Override
            public DateCell call(DatePicker param) {
                return new DateCell() {
                    @Override
                    public void updateItem(LocalDate item, boolean empty) {
                        super.updateItem(item, empty);
                        if(item.isBefore(datePicker.getValue().plusDays(1))){
                            setDisable(true);
                            setStyle("-fx-background-color: #ffc0cb;");
                        }
                    }
                };


            }
        };

        datePicker.setDayCellFactory(set);

    }
}

sample.fxml 

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.DatePicker?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">
   <children>
      <Button fx:id="button1" layoutX="344.0" layoutY="68.0" mnemonicParsing="false" text="selected" />
      <Button fx:id="button2" layoutX="344.0" layoutY="110.0" mnemonicParsing="false" text="local" />
      <DatePicker fx:id="datePicker" layoutX="45.0" layoutY="56.0" />
      <Label fx:id="label" layoutX="461.0" layoutY="60.0" text="Label" />
   </children>
</AnchorPane>

1 Ответ

0 голосов
/ 28 мая 2018

Стилизация диапазона DateCell s может быть достигнута с помощью фабрики ячеек .Обратите внимание на комментарии:

import java.time.LocalDate;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.DateCell;
import javafx.scene.control.DatePicker;
import javafx.scene.control.ToggleButton;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.util.Callback;

public class FxTest extends Application {

    private ToggleButton button;
    private static final int RANGE =2;

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

        DatePicker datePicker = new DatePicker();

        //construct a 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 flag is true and date is within range, set style
                        if ( button.isSelected() &&
                                item.isAfter(LocalDate.now().minusDays(RANGE))  &&
                                    item.isBefore(LocalDate.now().plusDays(RANGE))) {
                            setStyle("-fx-background-color: #ffc0cb;");
                        }
                    }
                };
            }
        };

        datePicker.setDayCellFactory(dayCellFactory); //assign cell factory to picker

        button = new ToggleButton("Select");
        button.setOnAction(e -> {
            button.setText(button.isSelected()? "Selected" : "Select" );
            //reopen date picker to see the button click effect
            datePicker.show();
        });

        VBox vBox = new VBox( button, datePicker);
        Scene scene = new Scene(vBox, 400, 400);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

В качестве альтернативы вы можете использовать css и иметь кнопку для переключения PeseudoClass .

...