DatePicker 日期选择
代码演示
基本用法
dart
DatePicker(
value: model.value,
onChange: (value) => model.value = value,
),最大值 & 最小值
dart
DatePicker(
value: model.value,
onChange: (value) => model.value = value,
minDate: DateTime.now().subMonths(1),
maxDate: DateTime.now().addMonths(1),
),指定日期列
dart
DatePicker(
value: model.value, // [year, month]
onChange: (value) => model.value = value,
columnsType: const {DateColumn.year, DateColumn.month},
),选项格式化
dart
DatePicker(
value: model.value,
onChange: (value) => model.value = value,
formatter: {
DateColumn.year: (opt) => opt..name = "${opt.value}年",
DateColumn.month: (opt) => opt..name = "${opt.value}月",
DateColumn.day: (opt) => opt..name = "${opt.value}日",
},
),API
| Props | 类型 | 描述 |
|---|---|---|
title | Widget | String | 面板标题 |
confirmText | String | 确认文本 |
cancelTetx | String | 取消文班 |
onConfirm | Function(List<int>) | 确认回调 |
onCancel | Function(List<int>) | 取消回调 |
minDate | DateTime | 最小日期 |
maxDate | DateTime | 最大日期 |
value | List<int> | 当前已选日期 |
columnsType | Set<year | month | day> | 日期列 |
onChange | Function(List<int> values) | 值变化回调 |
formatter | Map<year | month | day, NamedValue Function(NamedValue option)> | 格式化选项 |