月份的选择组件,自带上下月切换的监听。可指定选择的日期范围、选中日期等,接收日期选中事件。

相关组件
DayPicker YearPicker

MonthPicker基本使用

【selectedDate】 : 选中日期 【DateTime】
【firstDate】 : 最前日期限制 【DateTime】
【lastDate】 : 最后日期限制 【DateTime】
【onChanged】 : 点击回调 【Function(DateTime)】
149.gif

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