DatePicker设计css样式javafx

操作日期选择框（datepicker）

有些页面上的日期选择框可以直接用输入文本组件进行操作。

本文主要针对那些不支持直接输入，必须通过点击才能操作的日期选择框。本文以 AntDesign 基础日期选择框为例，选择指定日期。

操作思路

指定日期后，在页面中依次选择年，月和日。

前提条件

已打开 AntDesign 基础日期选择框。

根据系统时间和增量，确定指定时间

把我们需要指定的时间分别保存在 年，月，日 三个变量中。

1. 拖入 流程图 组件，重命名为获取年月日：
2. 在流程图中，设置字符串型变量 年 与参数 年份增量。
4. 拖入赋值组件，赋值左侧为变量 年，右侧为 System.DateTime.Now.AddYears(年份增量).ToString(*yyyy*)



6. 以同样方法指定月份及日期。添加以下变量：

• 月；
• 日；
• 月份增量；
• 日期增量。

赋值代码为：

• 月：System.DateTime.Now.AddMonths(月份增量).ToString(*MM*).TrimStart('0')
• 日：System.DateTime.Now.AddDays(日期增量).ToString(*dd*)

在日期选择框中选择时间

点击日期选择框

拖入点击组件，指定日期输入框元素。

选择年份

1. 拖入点击组件，点击年份,打开年份选项框。
2. 拖入获取结构化数据组件，获取该面板所有年份。查看指定年份是否包含在内。如果不包含，则点击上一页或者下一页按钮翻页）：
3. 拖入*C#*组件，从上步获取的数据表中循环查找指定年份。如果包含，则赋值isTrue为true，为下一步做准备：

附上查找年份代码：

isTrue=false;
for(int i=0;i\<dt.Rows.Count;i++){
    for(int j=0;j\<dt.Columns.Count;j++){
        if(dt.Rows[i][j].Equals(年)){
        i=i+1;
        j=j+1;
        isTrue=true;
        break;
    }else{
        continue;
        }
    }
}

4. 使用流程决策组件，根据 isTrue 判断下一步操作：

如果isTrue为真（上步中查询到预期年份），则直接点击选中年份;

如果未查到年份，则点击翻页。

选择月份

2. 使用赋值组件，拼接月份：



4. 打开月份选择框：



6. 点击指定月份:

选择日期

点击指定日期：

完整的流程编辑请参考以下视频：