flutter如何选择时间

在Flutter中需要实现一个日期选择功能，用户可以通过弹出日历选择具体日期。请问有哪些常用的日期选择组件或插件推荐？希望能支持自定义样式和国际化设置，最好能兼顾iOS和Android平台的UI风格差异。另外，如何处理日期范围限制和默认选中日期？求具体实现方案或示例代码。

ionicwang 1楼

Flutter中可使用showDatePicker或第三方库如flutter_datetime_picker选择时间。前者为官方组件，后者提供更多自定义选项。

更多关于flutter如何选择时间的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

itying888 2楼

在Flutter中，选择时间可以通过以下几种常用方式实现：

1. 使用 showTimePicker（系统默认时间选择器）

Future<void> _selectTime() async {
  final TimeOfDay? picked = await showTimePicker(
    context: context,
    initialTime: TimeOfDay.now(),
    builder: (BuildContext context, Widget? child) {
      return Theme(
        data: ThemeData.light(),
        child: child!,
      );
    },
  );
  
  if (picked != null) {
    print('选择的时间: ${picked.format(context)}');
  }
}

2. 使用第三方库 flutter_datetime_picker

在 pubspec.yaml 中添加依赖：

dependencies:
  flutter_datetime_picker: ^1.5.1

使用示例：

import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';

DatePicker.showTimePicker(
  context,
  showTitleActions: true,
  onConfirm: (time) {
    print('选择的时间: $time');
  },
  currentTime: DateTime.now(),
);

3. 自定义时间选择器

使用 CupertinoDatePicker 创建 iOS 风格的时间选择器：

showModalBottomSheet(
  context: context,
  builder: (BuildContext builder) {
    return Container(
      height: 300,
      child: CupertinoDatePicker(
        mode: CupertinoDatePickerMode.time,
        initialDateTime: DateTime.now(),
        onDateTimeChanged: (DateTime newDate) {
          print('选择的时间: $newDate');
        },
      ),
    );
  },
);

flutter如何选择时间

1. 使用 showTimePicker（系统默认时间选择器）

2. 使用第三方库 flutter_datetime_picker

3. 自定义时间选择器

推荐方案