flutter 实现从1970年到2030年的,年月日时分 多级联动时间选择器 getx写法

在Flutter中，你可以使用`flutter_datetime_picker`库来实现一个多级联动的时间选择器，包括日期、月份、年份。结合GetX状态管理库，我们可以创建一个模型来跟踪当前选择的时间，并通过计算提供下一级别的选项。以下是一个简单的示例：

首先，你需要添加`flutter_datetime_picker`库到pubspec.yaml文件中：

dependencies:
  flutter_datetime_picker: ^1.5.1

然后，在你的GetX状态管理中，创建一个DateTime模型：

import 'package:get/get.dart';
import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';

class TimePickerModel extends GetxModel {
  final DateTime _selectedDate = DateTime.now().copyWith(hour: 0, minute: 0);

  // 获取当前日期
  DateTime get selectedDate => _selectedDate;

  // 更新日期范围（这里假设我们关心的是未来30年）
  void updateDateRange(int years) {
    int minYear = DateTime.now().year + 1;
    int maxYear = minYear + years;
    if (maxYear > 2030) {
      maxYear = 2030;
    }
    _selectedDate = DateTime(minYear, 1, 1);
  }

  // 开始选择日期
  Future<void> showDatePicker() async {
    DateTime? picked = await showDateTimePicker(
      context: context,
      initialDate: _selectedDate,
      builder: (BuildContext context, DateTime datetime) {
        return DateTimePicker(
          mode: DateTimePickerMode.date,
          is24Hour: true,
        );
      },
    );

    if (picked != null && picked.isAfter(DateTime.now())) {
      setState(() {
        _selectedDate = picked;
      });
    }
  }
}

在UI层面上，你可以创建一个Widget来绑定这个模型并展示联动效果：

Widget timeSelector(BuildContext context, TimePickerModel model) {
  return Column(
    children: [
      ElevatedButton(
        onPressed: () => model.updateDateRange(30),
        child: Text('更新至2030'),
      ),
      SizedBox(height: 16),
      RaisedButton(
        onPressed: model.showDatePicker,
        child: Text('选择日期'),
      ),
      SizedBox(height: 16),
      Text(model.selectedDate.toString()),
    ],
  );
}

在这个例子中，用户点击"更新至2030"按钮会把日期范围限制在未来30年内，而点击"选择日期"则会弹出一个可以选择日期的Picker。注意实际应用中可能需要处理更多细节，比如错误检查和用户交互。