Flutter中showDatePicker日期选择器

showDatePicker参数

Future<DateTime> showDatePicker ({
  @required BuildContext context, // 上下文
  @required DateTime initialDate, // 初始日期
  @required DateTime firstDate,   // 日期范围，开始
  @required DateTime lastDate,    // 日期范围，结尾
  SelectableDayPredicate selectableDayPredicate,
  DatePickerMode initialDatePickerMode: DatePickerMode.day,
  Locale locale,                  // 国际化
  TextDirection textDirection,
});

Future<TimeOfDay> showTimePicker({
  @required BuildContext context,
  @required TimeOfDay initialTime
});

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';

class DatePickerDemo extends StatefulWidget {
  @override
  _DatePickerDemoState createState() => _DatePickerDemoState();
}

class _DatePickerDemoState extends State<DatePickerDemo> {
  DateTime selectDate = DateTime.now();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('日期时间'),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          InkWell(
            onTap: () {
              showDatePicker(
                context: context,
                initialDate: selectDate, //默认日期
                firstDate: DateTime(1900), //选择最早的日期范围
                lastDate: DateTime(2100), //最晚的日期范围
              ).then((DateTime val) {
                print(val);
                setState(() {
                  selectDate=val;
                });
              }).catchError((err) {
                print(err);
              });
            },
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Text(DateFormat.yMd().format(selectDate)),
                Icon(Icons.arrow_drop_down),
              ],
            ),
          ),
        ],
      ),
    );
  }
}