flutter時(shí)間日期控件需要導(dǎo)入一個(gè)第三方的包intl，倒入第三方包首先要在pubspec.yaml中添加第三方包的名稱和版本號(hào)，然后執(zhí)行Packages get命令下載第三方包

屏幕快照 2019-06-26 上午10.37.50.png

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

class DateTimeDemo extends StatefulWidget {
  @override
  _DateTimeDemoState createState() => _DateTimeDemoState();
}

class _DateTimeDemoState extends State<DateTimeDemo> {
  DateTime selectedDate = DateTime.now();
  TimeOfDay selectedTime = TimeOfDay(hour: 9, minute: 30);

  /* 一般程序里的異步操作會(huì)先返回一個(gè)future，等異步操作執(zhí)行完之后再返回真正的值。
   * 異步方法需要用async標(biāo)記一下，在方法里面執(zhí)行異步動(dòng)作的前面加上await，用來(lái)等待異步動(dòng)作的執(zhí)行結(jié)果
   * 然后把這個(gè)結(jié)果交給一個(gè)變量，在方法的其他地方就可以使用這個(gè)異步返回的值了
   */

  // 選擇日期的方法
  Future<void> _selectDate() async {
    final DateTime date = await showDatePicker(
      context: context,
      initialDate: selectedDate, // 初始日期
      firstDate: DateTime(1900), // 可選擇的最早日期
      lastDate: DateTime(2100), // 可選擇的最晚日期
    );
    if (date == null) return;

    setState(() {
      selectedDate = date;
    });
  }
  // 選擇時(shí)間的方法
  _selectTime() async {
    final TimeOfDay time = await showTimePicker(context: context, initialTime: selectedTime);
    if (time == null) return;
    setState(() {
      selectedTime = time;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('DateTimeDemo'), elevation: 0.0,),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                InkWell( // 選擇日期
                  onTap: _selectDate,
                  child: Row(
                    children: <Widget>[
                      Text(DateFormat.yMd().format(selectedDate)),
                      Icon(Icons.arrow_drop_down),
                    ],
                  ),
                ),
                InkWell( // 選擇時(shí)間
                  onTap: _selectTime,
                  child: Row(
                    children: <Widget>[
                      Text(selectedTime.format(context)),
                      Icon(Icons.arrow_drop_down),
                    ],
                  ),
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}