日期的选择组件,可指定当前日期、选中日期、展示月份等,接收日期选中事件。

相关组件

MonthPicker YearPicker

DayPicker基本使用

【selectedDate】 : 选中日期 【DateTime】
【currentDate】 : 当前日期 【DateTime】
【firstDate】 : 最前日期限制 【DateTime】
【lastDate】 : 最后日期限制 【DateTime】
【displayedMonth】 : 当前展示的月份 【DateTime】
【onChanged】 : 点击回调 【Function(DateTime)】
50.gif

  1. import 'package:flutter/material.dart';
  2. class CustomDayPicker extends StatefulWidget {
  3. @override
  4. _CustomDayPickerState createState() => _CustomDayPickerState();
  5. }
  6. class _CustomDayPickerState extends State<CustomDayPicker> {
  7. DateTime _date = DateTime.now();
  8. @override
  9. Widget build(BuildContext context) {
  10. return Container(
  11. height: 350,
  12. child: DayPicker(
  13. selectedDate: _date,
  14. currentDate: DateTime.now(),
  15. onChanged: (date){
  16. setState(() => _date = date);
  17. },
  18. firstDate: DateTime(2018),
  19. lastDate: DateTime(2030),
  20. displayedMonth: DateTime.now()
  21. ),
  22. );
  23. }
  24. }