javafx自定义日历组件

最新推荐文章于 2024-08-13 08:02:24 发布

徐志林

最新推荐文章于 2024-08-13 08:02:24 发布

阅读量3.3k

点赞数 4

文章标签： javafx

本文链接：https://blog.csdn.net/u012698467/article/details/105670174

版权

博客来由：

个人觉得javafx原生日历工具太不美观了，然后自己写了一个通用可配置的日历组件DatePicker，大家若是觉得好看就拿去用吧，记得点个赞哦！

技术分享交流 qq群(835259695)

注：以下都是本组件的可配置效果图

年月日时分秒-日历效果图如下：
在这里插入图片描述
年月日-日历效果图如下：

年月日时分秒-日历效果图如下：

1.java代码如下（其中用到了一个窗口拖动工具类）

package com.xzl.utils;

import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.ComboBox;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.*;
import javafx.scene.paint.Color;
import javafx.stage.Modality;
import javafx.stage.Stage;
import javafx.stage.StageStyle;

import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Calendar;
import java.util.Date;
import java.util.List;
/**
 * 通用日历组件
 * @author 徐志林
 * @createTime 2020-04-21 23:18
 */
public class DatePicker {
    Calendar c = Calendar.getInstance();
    int year = c.get(Calendar.YEAR);
    int month = c.get(Calendar.MONTH)+1;
    int date = c.get(Calendar.DATE);
    int hour = c.get(Calendar.HOUR_OF_DAY);
    int minute = c.get(Calendar.MINUTE);
    int second = c.get(Calendar.SECOND);
    Stage stage;
    HBox timeCombobox;
    ComboBox hourCombobox;
    ComboBox minuteCombobox;
    ComboBox secondCombobox;
    Boolean isFirstComing;
    //日期选择
    HBox datePick;

    Label yearLabel;
    Label monthLabel;
    public TextField timeField;
    public Boolean withSecond;
    //日期控件是否需要强行转换为  如果circleType为false则：控件一定为矩形 ，为true时还要进行withSecond判断
    public Boolean circleType;
    double x,y;

    /**
     * @param withSecond 是否带时分秒  true有 false无
     * @param isCircleType 是否为圆形框，亦或方形框
     */
    public DatePicker(Boolean withSecond, Boolean isCircleType){
        this.withSecond = withSecond;
        this.circleType = isCircleType;
        isFirstComing = true;
        timeField = new TextField();
        datePick = new HBox();
        yearLabel = new Label(timeFilter(year));
        monthLabel = new Label(timeFilter(month));
    }

    /**
     * 初始化当前日期时间
     */
    public void setCalendarTime(){
        Calendar calendar = Calendar.getInstance();//可以对每个时间域单独修改
        year = calendar.get(Calendar.YEAR);
        month = calendar.get(Calendar.MONTH)+1;
        date = calendar.get(Calendar.DATE);
        hour = calendar.get(Calendar.HOUR_OF_DAY);
        minute = calendar.get(Calendar.MINUTE);
        second = calendar.get(Calendar.SECOND);
    }

    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    SimpleDateFormat sdfSecond = new SimpleDateFormat("yyyy-MM-dd");
    public void showDatePicker() {
        String timeValStr = timeField.getText();
        String timeVal = timeValStr==null?"":timeValStr.trim();
        //初始化当前日期时间
        if(timeField!=null && timeVal.length()>0){
            try {
                Date dateTime;
                if(withSecond){
                    dateTime = sdf.parse(timeVal);
                }else {
                    dateTime = sdfSecond.parse(timeVal);
                }
                c.setTime(dateTime);
            } catch (ParseException e) {
                e.printStackTrace();
            }
        }else{
            setCalendarTime();
        }
        stage = new Stage();
        //以下两个同时设置可
        stage.initModality(Modality.APPLICATION_MODAL);//设置弹框为APPLICATION_MODAL模式
        stage.initStyle(StageStyle.TRANSPARENT);//隐藏默认标题栏
        try {
            BorderPane root = new BorderPane();
            root.setStyle("-fx-border-radius: 4;");
            //主舞台
            VBox layout = new VBox();
            layout.setAlignment(Pos.CENTER);
            layout.setId("layout");
            layout.getChildren().add(root);
            VBox layoutMain = new VBox(10);
            layoutMain.setStyle("-fx-background-color:transparent;");
            layoutMain.getChildren().addAll(layout);
            layoutMain.setAlignment(Pos.CENTER);
            layout.maxHeightProperty().bind(layoutMain.heightProperty().subtract(15));
            layout.minHeightProperty().bind(layoutMain.heightProperty().subtract(15));
            layout.minWidthProperty().bind(layoutMain.widthProperty().subtract(15));
            layout.maxWidthProperty().bind(layoutMain.widthProperty().subtract(15));
            root.minHeightProperty().bind(layout.heightProperty());
            root.maxWidthProperty().bind(layout.widthProperty());
            root.minHeightProperty().bind(layout.heightProperty());
            root.maxWidthProperty().bind(layout.widthProperty());
            Scene scene = new Scene(layoutMain, 365, 505-(withSecond?0:110));
            scene.getStylesheets().add("/css/datePicker.css");

            //日期（年月日）主体
            VBox upMain = new VBox();
            upMain.setStyle("-fx-min-height: 330;-fx-max-height: 330;-fx-min-width:350;-fx-max-width:350;-fx-alignment: center;");
            setUpMain(upMain);
            root.setTop(upMain);

            if(withSecond){
                //时间（时分秒）主体
                VBox downMain = new VBox();
                setDownMain(downMain);
                root.setCenter(downMain);
            }

            //确认按钮
            VBox confirmBox = new VBox();
            setBtnBox(confirmBox);
            root.setBottom(confirmBox);


            //设置默认时间
            setCurrentDateTime();

            scene.setFill(Color.rgb(255,255,255,0.01));
            stage.setScene(scene);
            stage.setX(x+(withSecond?15:25));
            stage.setY(y-(withSecond?10:15));
            stage.showAndWait();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    private void setUpMain(VBox upMain){
        //时间box
        HBox timeLabelBox = new HBox();
        timeLabelBox.setStyle("-fx-min-height: 40;-fx-max-height: 40;-fx-min-width:350;-fx-alignment: CENTER_LEFT;-fx-padding: 10; ");
        timeLabelBox.getChildren().add(new Label("日期"));
        //日期头部拖动
        DragUtil.addDragListener(stage, timeLabelBox);

        HBox main = new HBox();
        main.setStyle("-fx-min-height: 290;-fx-max-height: 290;-fx-min-width:350;-fx-max-width:350;-fx-alignment: CENTER;");
        VBox innerMainBox = new VBox();
        innerMainBox.setStyle("-fx-min-height: 290;-fx-max-height: 290;-fx-min-width:335;-fx-max-width:335;-fx-alignment: CENTER;");
        //年月选择
        HBox yearMonthBox = new HBox();
        yearMonthBox.setId("yearMonthBox");
        yearMonthBox.setStyle("-fx-min-height: 35;-fx-max-height: 35;-fx-min-width:310;-fx-max-width:310;-fx-alignment: CENTER; ");
        setYearMonthContent(yearMonthBox);
        //星期
        HBox weekBox = new HBox();
        weekBox.setStyle("-fx-min-height: 35;-fx-max-height: 35;-fx-min-width:335;-fx-max-width:335;-fx-alignment: CENTER;");
        setWeekContent(weekBox);
        //留白5px
        HBox whiteBox = new HBox();
        whiteBox.setStyle("-fx-min-height: 5;-fx-max-height: 5;");
        //日期选择
        datePick.setId("datePick");
        datePick.setStyle("-fx-min-height: 225;-fx-max-height: 225;-fx-min-width:310;-fx-max-width:310;");

        setDatePickContent();

        innerMainBox.getChildren().addAll(yearMonthBox,weekBox,whiteBox,datePick);
        main.getChildren().add(innerMainBox);
        upMain.getChildren().addAll(timeLabelBox,main);
    }

    public void setDownMain(VBox downMain){
        downMain.setStyle("-fx-min-height: 150;-fx-max-height: 150;-fx-min-width:350;-fx-max-width:350;-fx-alignment: center;");

        HBox emptyBox1 = new HBox();
        emptyBox1.setStyle("-fx-min-height: 5;-fx-max-height: 5;-fx-min-width:330;-fx-max-width:330;-fx-border-style:  hidden hidden solid hidden;-fx-border-color:#EBEBEB; ");
        //时间box
        HBox timeLabelBox = new HBox();
        timeLabelBox.setStyle("-fx-min-height: 40;-fx-max-height: 40;-fx-min-width:350;-fx-alignment: CENTER_LEFT;-fx-padding: 10; ");
        timeLabelBox.getChildren().add(new Label("时间"));
        //时间选择combobox
        timeCombobox = new HBox();
        timeCombobox.setStyle("-fx-min-height: 30;-fx-max-height: 30;-fx-min-width:350;-fx-alignment: center;");
        setComboBoxs();
        HBox emptyBox2 = new HBox();
        emptyBox2.setStyle("-fx-min-height: 35;-fx-max-height: 35;-fx-min-width:350;");
        downMain.getChildren().addAll(emptyBox1,timeLabelBox,timeCombobox,emptyBox2);
    }

    public void setBtnBox(VBox box){
        //取消和确认按钮box
        HBox btnBox = new HBox();
        btnBox.setStyle("-fx-min-height: 40;-fx-max-height: 40;-fx-min-width:350;-fx-border-style: solid hidden hidden hidden;-fx-border-color:#EBEBEB;-fx-alignment: center;");
        setBtns(btnBox);
        box.getChildren().add(btnBox);
    }

    final String HOVERED_BUTTON_STYLE = "-fx-text-fill: white;-fx-background-color: #5b8cff;";
    final String NORMAL_BUTTON_STYLE = "-fx-text-fill: black;-fx-background-color: transparent;";
    private void setDatePickContent(){
        FlowPane flow = new FlowPane();
        flow.setVgap(2);
        flow.setHgap(10);
        flow.setPrefWrapLength(310);
        List<Button> btnList = new ArrayList<>();
        //当月总天数
        int monthDays = getDaysOfMonth(month);
        //前一个月总天数
        int lastMonthDays = getDaysOfMonth(month-1);

        //判断当月第一天是星期几, curDay为多少则前一个月所在当前的天数就为多少
        int curDay = getWeekNumber(1);
        //getWeekNumber(monthDays)最后一天是星期几
        // 6-getWeekNumber(monthDays) 就为下个月有几天在当前日历
        int lastDay = 6-getWeekNumber(monthDays);

        List<Integer> allDayList = new ArrayList<>();

        for(int i=(curDay-1);i>-1;i--){
            //加入上个月在本日历的几天
            allDayList.add(lastMonthDays-i);
        }
        for(int i=1;i<=monthDays;i++){
            //加入本月的日历
            allDayList.add(i);
        }
        for(int i=1;i<=lastDay;i++){
            //加入下个月的几天
            allDayList.add(i);
        }

        int size = allDayList.size();
        int subDate = (size-lastDay-1);
        c.setTime(new Date());
        int realYear = c.get(Calendar.YEAR);
        int realMonth = c.get(Calendar.MONTH)+1;
        for (int i = 0; i < size; i++) {
            int k = allDayList.get(i);
            Button btn = new Button(String.valueOf(k));
            if(year==realYear && month==realMonth && k==date)
                btn.setStyle(HOVERED_BUTTON_STYLE);
            if(i>=curDay && i<= subDate){
                btn.setOnMouseEntered(e -> btn.setStyle(HOVERED_BUTTON_STYLE));
                btn.setOnMouseExited(e -> btn.setStyle(NORMAL_BUTTON_STYLE));
                btnList.add(btn);
                btn.setOnAction(oa->{
                    for(Button b:btnList){
                        b.setStyle(NORMAL_BUTTON_STYLE);
                    }
                    btn.setOnMouseEntered(null);
                    btn.setOnMouseExited(null);
                    btn.setStyle(HOVERED_BUTTON_STYLE);
                    date = k;
                    //设置当前选择日期的时间
                    setCurrentDateTime();
                    System.out.println("点击了日期："+date);
                });
            }else{
                btn.setDisable(true);
                btn.setStyle("-fx-background-color: #F4F4F4;");
            }
            flow.getChildren().add(btn);
        }
        datePick.getChildren().clear();
        datePick.getChildren().add(flow);
    }

    private void setYearMonthContent(HBox yearMonthBox){
        HBox yearLeft = new HBox();
        yearLeft.setStyle("-fx-min-height: 35;-fx-max-height: 35;-fx-min-width:30;-fx-max-width:30;-fx-alignment: CENTER_RIGHT;");
        Button bt1 = new Button();
        bt1.setStyle("-fx-background-image: url('/image/yearLeftArrow.png');-fx-background-size:50%;-fx-background-position:center;-fx-background-repeat:no-repeat;-fx-background-color: transparent;");
        yearLeft.getChildren().add(bt1);

        HBox yearRight = new HBox();
        yearRight.setStyle("-fx-min-height: 35;-fx-max-height: 35;-fx-min-width:30;-fx-max-width:30;-fx-alignment: CENTER_LEFT;");
        Button bt2 = new Button();
        bt2.setStyle("-fx-background-image: url('/image/yearRightArrow.png');-fx-background-size:50%;-fx-background-position:center;-fx-background-repeat:no-repeat;-fx-background-color: transparent;");
        yearRight.getChildren().add(bt2);

        HBox monthLeft = new HBox();
        monthLeft.setStyle("-fx-min-height: 35;-fx-max-height: 35;-fx-min-width:65;-fx-max-width:65;-fx-alignment: CENTER_RIGHT; ");
        Button bt3 = new Button();
        bt3.setStyle("-fx-background-image: url('/image/monthLeftArrow.png');-fx-background-size:80%;-fx-background-position:center;-fx-background-repeat:no-repeat;-fx-background-color: transparent;");
        monthLeft.getChildren().add(bt3);

        HBox monthRight = new HBox();
        monthRight.setStyle("-fx-min-height: 35;-fx-max-height: 35;-fx-min-width:65;-fx-max-width:65;-fx-alignment: CENTER_LEFT;");
        Button bt4 = new Button();
        bt4.setStyle("-fx-background-image: url('/image/monthRightArrow.png');-fx-background-size:80%;-fx-background-position:center;-fx-background-repeat:no-repeat;-fx-background-color: transparent;");
        monthRight.getChildren().add(bt4);

        HBox yearAndMonth = new HBox();
        yearAndMonth.setStyle("-fx-min-height: 35;-fx-max-height: 35;-fx-min-width:120;-fx-max-width:120;-fx-alignment:center; ");
        Label yearTitle = new Label("年");
        Label monthTitle = new Label("月");

        bt1.setOnAction(oa->{
            int val = Integer.valueOf(monthLabel.getText())-1;
            month = getRightMonth(val);
            //月减一
            monthLabel.setText(timeFilter(month));
            setDatePickContent();
        });
        bt2.setOnAction(oa->{
            //月加一
            int val = Integer.valueOf(monthLabel.getText())+1;
            month = getRightMonth(val);
            monthLabel.setText(timeFilter(month));
            setDatePickContent();
        });
        bt3.setOnAction(oa->{
            //年减一
            int val = Integer.valueOf(yearLabel.getText())-1;
            year = val;
            yearLabel.setText(String.valueOf(val));
            setDatePickContent();
        });
        bt4.setOnAction(oa->{
            //年加一
            int val = Integer.valueOf(yearLabel.getText())+1;
            year = val;
            yearLabel.setText(String.valueOf(val));
            setDatePickContent();
        });

        yearAndMonth.getChildren().addAll(yearLabel,yearTitle,monthLabel,monthTitle);

        yearMonthBox.getChildren().addAll(monthLeft,yearLeft,yearAndMonth,yearRight,monthRight);
    }

    private int getRightMonth(int val){
        if(val>12)
            val = 1;
        if(val<1)
            val = 12;
        month = val;
        return val;
    }

    private void setWeekContent(HBox weekBox){
        weekBox.setId("weekBox");
        FlowPane flowPane = new FlowPane();
        flowPane.setStyle("-fx-alignment: center;");
        flowPane.setVgap(20);
        flowPane.setHgap(31);
        flowPane.setPrefWrapLength(335);
        flowPane.getChildren().add(new Label("日"));
        flowPane.getChildren().add(new Label("一"));
        flowPane.getChildren().add(new Label("二"));
        flowPane.getChildren().add(new Label("三"));
        flowPane.getChildren().add(new Label("四"));
        flowPane.getChildren().add(new Label("五"));
        flowPane.getChildren().add(new Label("六"));

        weekBox.getChildren().add(flowPane);
    }

    private void setBtns(HBox btnBox){
        Button confirmBtn = new Button("确认");
        Button cancelBtn = new Button("取消");
        confirmBtn.setId("confirmBtn");
        cancelBtn.setId("cancelBtn");
        confirmBtn.setOnAction(oa->{
            System.out.println("你选择的日期是："+currentDateTime);
            timeField.setText(currentDateTime);
            stage.close();
        });
        cancelBtn.setOnAction(oa->{
            timeField.clear();
            stage.close();
        });
        btnBox.getChildren().addAll(cancelBtn,confirmBtn);
    }

    private String currentDateTime;
    private void setCurrentDateTime(){
        if(isFirstComing){
            isFirstComing = false;
            currentDateTime = "";
            currentDateTime = year +"-"+ timeFilter(month)+"-"+timeFilter(date);
            if(withSecond){
                currentDateTime = currentDateTime+" "+timeFilter(hour)+":"+timeFilter(minute)+":"+timeFilter(second);
            }
            return;
        }
        currentDateTime = year +"-"+ timeFilter(month)+"-"+timeFilter(date);
        if(withSecond && hourCombobox!=null && hourCombobox.getValue()!=null){
            currentDateTime = currentDateTime+" "+hourCombobox.getValue().toString()+":"+minuteCombobox.getValue().toString()+":"+secondCombobox.getValue().toString();
        }else{
            System.out.println("你选择的日期是："+currentDateTime);
            timeField.setText(currentDateTime);
        }
    }

    private String timeFilter(int val){
        String str;
        if(val<10){
            str = "0"+val;
        }else{
            str = ""+val;
        }
        return str;
    }

    private void setComboBoxs(){
        timeCombobox.getChildren().addAll(getCombo("时"),getCombo("分"),getCombo("秒"));
    }

    private HBox getCombo(String text){
        HBox main = new HBox();
        main.setStyle("-fx-alignment: center;");
        main.prefWidthProperty().bind(timeCombobox.widthProperty().subtract(20).divide(3));
        main.prefHeightProperty().bind(timeCombobox.heightProperty());
        ComboBox comboBox = new ComboBox();
        comboBox.prefWidthProperty().bind(main.widthProperty().multiply(2).divide(3));
        comboBox.prefHeightProperty().bind(main.heightProperty());
        Label label = new Label("  "+text);
        label.prefWidthProperty().bind(main.widthProperty().multiply(1).divide(3));
        label.prefHeightProperty().bind(main.heightProperty());
        comboBox.getSelectionModel().selectedIndexProperty().addListener((ov,oldv,newv)->{
            if(text.equals("时") && newv.intValue()!=hour){
                setCurrentDateTime();
            }else if(text.equals("分") && newv.intValue()!=minute){
                setCurrentDateTime();
            }else if(text.equals("秒") && newv.intValue()!=second){
                setCurrentDateTime();
            }
        });
        main.getChildren().addAll(comboBox,label);

        ObservableList<String> items = FXCollections.observableArrayList();
        if(text.equals("时")){
            setRange(24,items);
            comboBox.setValue(timeFilter(hour));
            hourCombobox = comboBox;
        }else if(text.equals("分")){
            setRange(60,items);
            comboBox.setValue(timeFilter(minute));
            minuteCombobox = comboBox;
        }else if(text.equals("秒")){
            setRange(60,items);
            comboBox.setValue(timeFilter(second));
            secondCombobox = comboBox;
        }
        comboBox.setItems(items);
        return main;
    }

    private void setRange(int range, ObservableList<String> items){
        int k =0;
        while (k<range){
            if(k<10){
                items.add("0"+k);
            }else{
                items.add(String.valueOf(k));
            }
            k++;
        }
    }

    //获取某月中天数
    private int getDaysOfMonth(Integer curMonth) {
       Date dateTime = new Date(curMonth==0?(year-1):year,curMonth==0?(12):curMonth,0);
       return dateTime.getDate();
    }

    //获取某一天是星期几
    private int getWeekNumber(int day){
        Date dateTime = new Date();
        dateTime.setYear(year);
        dateTime.setMonth(month-1);
        dateTime.setDate(day);
        c.setTime(dateTime);
        int dayOfWeek = c.get(Calendar.DAY_OF_WEEK)-2;
        if(dayOfWeek<0)
            dayOfWeek = 6;
        return dayOfWeek;
    }
    //错误提示区
    public HBox errBox;
    public Label errLabel;
    public HBox getDateTimeTool(){
        timeField.setEditable(false);
        if(withSecond){
            timeField.setMinWidth(200);
            timeField.setMaxWidth(200);
        }else {
            timeField.setMinWidth(150);
            timeField.setMaxWidth(150);
        }
        //错误提示区
        errBox = new HBox();
        errBox.setStyle("-fx-background-color: #59A1FC;-fx-max-height: 25;-fx-opacity: 0;");
        errLabel = new Label("这是错误信息");
        errLabel.setStyle("-fx-text-fill: white;");
        HBox arrow = new HBox();
        arrow.translateYProperty().bind(errBox.heightProperty().multiply(-0.25));
        arrow.setStyle("-fx-translate-x:8;-fx-background-color: #59A1FC;-fx-max-width:30;-fx-max-height:10;-fx-shape: 'M 0 10 L 10 0 L 20 10 z';");
        errBox.translateYProperty().bind(errBox.heightProperty());

        if(circleType){
            timeField.setStyle("-fx-border-radius: 20;-fx-background-radius: 20;");
        }

        HBox hBox = new HBox();
        StackPane stackPane = new StackPane();
        stackPane.setAlignment(Pos.CENTER_RIGHT);
        Button btn = new Button();
        String style = ("-fx-translate-x:-10;")+
                "-fx-background-color:transparent;-fx-pref-width:22;-fx-pref-height:18;-fx-cursor:hand;" +
                "-fx-background-image: url('/image/date-bg.png');-fx-background-size:70%;-fx-background-repeat:no-repeat;-fx-background-position:center;";
        btn.setStyle(style);//背景偏移 x=1 y=3
        btn.setOnMouseClicked(oa->{
            x = oa.getScreenX()-oa.getX();
            y = oa.getScreenY()-oa.getY();

            //先取消显示错误信息
            showDateErrorInfo("");
            showDatePicker();
        });

        Button btnCancel = new Button();
        String cancelStyle = ("-fx-translate-x:-30;-fx-opacity:1;")+
                "-fx-background-color:transparent;-fx-pref-width:22;-fx-cursor:hand;" +
                "-fx-background-image: url('/image/forbidden.png');-fx-background-repeat:no-repeat;-fx-background-position:center;";
        btnCancel.setStyle(cancelStyle);
        btnCancel.setOnMouseClicked(oa->{
           setCalendarTime();
           timeField.clear();
        });

        StackPane errGraphic = new StackPane();
        errGraphic.setAlignment(Pos.TOP_LEFT);
        errGraphic.setStyle("-fx-padding: 3;");
        errGraphic.getChildren().add(arrow);
        errGraphic.getChildren().add(errLabel);
        errBox.getChildren().add(errGraphic);

        //第一层为：textField
        stackPane.getChildren().add(timeField);
        //第二层为：日期弹框按钮
        stackPane.getChildren().add(btn);
        //第三层为：清除按钮
        stackPane.getChildren().add(btnCancel);
        if(!withSecond){
            //第四层为：错误提示
            stackPane.getChildren().add(errBox);
        }
        hBox.getChildren().add(stackPane);
        return hBox;
    }

    //formatType 1 表示按年月日+时分秒格式化 2表示按年月日格式化
    public String isTimeCorrect(String startTimeStr, String endTimeStr, int formatType, Boolean isStart){
        Date start = null;
        Date end = null;
        Date now = new Date();
        String message = "";
        SimpleDateFormat formater = formatType==1?sdf:sdfSecond;
        try {
            if(startTimeStr.length()==0 && endTimeStr.length()==0){
                //都为空则不用判断
                return message;
            }
            now = formater.parse(formater.format(now));
            if(startTimeStr.length()>0){
                start = formater.parse(startTimeStr);
                if(start.getTime()>now.getTime() && isStart)
                    return "起始时间必须小于当前时间";
            }
            if(endTimeStr.length()>0){
                end = formater.parse(endTimeStr);
                if(end.getTime()>now.getTime() && !isStart)
                    return "结束时间必须小于当前时间";
            }

            if(start!=null && end!=null){
                if(start.getTime()>end.getTime())
                    return isStart?"起始时间必须小于结束时间":"结束时间必须大于起始时间";
            }
        } catch (ParseException e) {
            e.printStackTrace();
        }
        return message;
    }

    public void showDateErrorInfo(String message){
        if("".equals(message)){
            this.errBox.setOpacity(0);
        }else{
            this.errBox.setOpacity(1);
            this.errLabel.setText(message);
        }
    }

}

2.CSS样式(本组件专用datePicker.css)

.root{
    /*主体颜色设置*/
    -fx-accent: #5b8cff;
    -fx-focus-color: #5b8cff;
}

.label{
    -fx-font-size: 1.2em;
    -fx-text-fill: gray;
}
.button{
    -fx-cursor: hand;
    -fx-border-radius: 0;
}
/*#layoutMain{
    -fx-background-color:transparent;
}*/
#layout{
    -fx-background-color: white;
    -fx-border-radius: 4;
    -fx-effect: dropshadow(two-pass-box,rgba(160,180,220,0.85), 15,0, 0, 0);
}
#confirmBtn{
    -fx-text-fill: #5b8cff;
    -fx-min-width: 175;
    -fx-min-height:39;
    -fx-background-color: white;
}
#cancelBtn{
    -fx-text-fill: #CDD0D1;
    -fx-min-width: 175;
    -fx-min-height:39;
    -fx-background-color: white;
    -fx-border-style:  hidden solid hidden hidden;
    -fx-border-color:#EBEBEB;
}
#confirmBtn:hover,#cancelBtn:hover{
    -fx-text-fill: white;
    -fx-background-color: #5b8cff;
}
/*combo-box样式*/
.combo-box{
    -fx-background-color: #F4F4F4;
    -fx-text-fill: #CDD0D1;
    -fx-border-color: #4877e7;
    -fx-border-style: hidden ;
}
.combo-box > .text-field{
    -fx-background-color:transparent;
    -fx-border-color: transparent;
}
.combo-box > .text-field:focused{
    -fx-background-color:transparent;
    -fx-border-color: transparent;
}
.combo-box-base > .arrow-button {
    -fx-background-color: transparent;
}
.combo-box-base > .arrow-button > .arrow{
    -fx-background-color:#4877e7;
}
#weekBox .label{
    -fx-text-fill: #9E9E9E;
}
#datePick .button{
    -fx-font-size: 0.83em;
    -fx-pref-width: 35;
    -fx-pref-height: 35;
    -fx-border-radius: 50%;
    -fx-background-radius: 50%;
    -fx-background-color: transparent;
}
#yearMonthBox .label{
    -fx-text-fill: black;
}

3.还有本组件专用图片（加qq群(835259695)免费下载!）：
在这里插入图片描述
4.组件调用方式

 VBox bodyBox = new VBox();
 bodyBox.setStyle("-fx-spacing: 50;-fx-padding: 20;");

 //日历输入框为方形，无时分秒
 DatePicker datePicker1 = new DatePicker(false, false);
 //日历输入框为圆形，无时分秒
 DatePicker datePicker2 = new DatePicker(false, true);
 //日历输入框为方形，有无时分秒
 DatePicker datePicker3 = new DatePicker(true, false);
 //日历输入框为圆形，有无时分秒
 DatePicker datePicker4 = new DatePicker(true, true);

 //在自己的box中加入组件
 bodyBox.getChildren().addAll(
         datePicker1.getDateTimeTool(),
         datePicker2.getDateTimeTool(),
         datePicker3.getDateTimeTool(),
         datePicker4.getDateTimeTool()
 );

//获取日期控件的值
String time = xzlDatePicker1.timeField.getText().trim();