Flutter 日期選擇器與時間選擇器

​​更多文章請檢視 lutter從入門 到精通​​

1 日期選擇器

//設定預設顯示的日期為目前
  DateTime initialDate = DateTime.now();
  
  void showDefaultYearPicker(BuildContext context) async {
    final DateTime dateTime = await showDatePicker(
      context: context,
      //定義控件打開時預設選擇日期
      initialDate: initialDate,
      //定義控件最早可以選擇的日期
      firstDate: DateTime(2018, 1),
      //定義控件最晚可以選擇的日期
      lastDate: DateTime(2022, 1),
      builder: (BuildContext context, Widget child) {
        return Theme(
          data: CommonColors.themData,
          child: child,
        );
      },
    );
    if (dateTime != null && dateTime != initialDate) {}
  }

      

2 時間選擇器

//設定顯示顯示的時間為目前
  TimeOfDay initialTime = TimeOfDay.now();
  void showDefaultDatePicker(BuildContext context) async {
    final TimeOfDay timeOfDay = await showTimePicker(
      context: context,
      initialTime: initialTime,
      builder: (BuildContext context, Widget child) {
        return Theme(
          data: CommonColors.themData,
          child: child,
        );
      },
    );
    if (timeOfDay != null && timeOfDay != initialTime) {
      setState(() {
        initialTime = timeOfDay;
      });
    }
  }