[Flutter]年と月だけのDatePickerを表示するには？

どうも、ちょげ(@chogetarou)です。

年と月だけのDatePickerを表示するには、どうしたらいいのでしょうか？

方法

年と月だけのDatePickerを表示するには、「month_picker_dialog」パッケージを使います。

まず、パッケージの導入をします。

dependencies:
  month_picker_dialog: ^0.4.0

次に、パッケージをインポートします。

import 'package:month_picker_dialog/month_picker_dialog.dart';

そして、Pickerを表示するための関数と変数を用意します。

DateTime? selectedDate;

  Future _getDate(BuildContext context) async {
    final initialDate = DateTime.now();

    final newDate =
        await showMonthPicker(context: context, initialDate: initialDate);

    if (newDate != null) {
      setState(() => selectedDate = newDate);
    } else {
      return;
    }
  }

showMonthPicker関数は、年と月だけのDatePickerを表示する関数です。

最後に、用意した関数をタップやスワイプなどのトリガーに設定します。

TextButton(
      onPressed: () => _getDate(context), 
      child: Text("Pick Date")
)

ここでは、ボタンを使っていますが、他のトリガーでも同じように指定します。

これで年と月だけのDatePickerを表示することが出来ます。

[Flutter]CupertinoDatePickerをポップアップ表示するには？

iOSでは、DatePickerを下から表示するポップアップ表示が出来ます。同じようにCupertinoDatePickerをポップアップ表示するには、どうしたらいいのでしょうか？

www.choge-blog.com

2021.10.10

[Flutter]DatePickerをダイアログ表示するには？

DatePickerをダイアログ表示するには、どうしたらいいのでしょうか？

www.choge-blog.com

2021.10.10

[Flutter]CupertinoDatePickerのロケールを設定するには？

CupertinoDatePickerのロケールを設定するには、どうしたらいいのでしょうか？

www.choge-blog.com

2021.10.09