flutter_datetime_picker_plus如何使用

在Flutter项目中集成了flutter_datetime_picker_plus插件，但不知道具体如何使用。请问如何调用日期时间选择器并获取用户选择的日期时间值？能否提供一个完整的示例代码，包括如何设置初始日期、自定义主题样式以及处理回调函数？

2 回复

使用flutter_datetime_picker_plus，首先在pubspec.yaml中添加依赖，然后导入包。调用DatePicker.showDatePicker方法，设置初始时间、最小/最大时间等参数，并在回调中处理选中的日期。

更多关于flutter_datetime_picker_plus如何使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


Flutter Datetime Picker Plus 是一个用于选择日期和时间的 Flutter 插件。以下是基本使用方法：

  1. 添加依赖 在 pubspec.yaml 文件中添加：
dependencies:
  flutter_datetime_picker_plus: ^2.1.0
  1. 基本使用
import 'package:flutter_datetime_picker_plus/flutter_datetime_picker_plus.dart';

// 在按钮点击事件中调用
ElevatedButton(
  onPressed: () {
    DatePicker.showDatePicker(
      context,
      showTitleActions: true,
      minTime: DateTime(2000, 1, 1),
      maxTime: DateTime(2030, 12, 31),
      onConfirm: (date) {
        print('Selected date: $date');
      },
      currentTime: DateTime.now(),
      locale: LocaleType.zh,
    );
  },
  child: Text('选择日期'),
)
  1. 常用参数说明
  • minTime/maxTime：可选日期范围
  • currentTime：初始选中时间
  • locale：语言设置（如 LocaleType.zh 中文）
  • onConfirm：确认回调
  • onCancel：取消回调
  1. 选择日期时间
DatePicker.showDateTimePicker(
  context,
  showTitleActions: true,
  onConfirm: (date) {
    print('Selected datetime: $date');
  },
);
  1. 选择时间
DatePicker.showTimePicker(
  context,
  showTitleActions: true,
  onConfirm: (date) {
    print('Selected time: $date');
  },
);

注意：确保在 showDatePicker 方法调用时传入正确的 BuildContext。

回到顶部