[Flutter]DatePickerで時刻を表示しないようにするには?

Flutter

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

DatePickerで選択した日付は、時刻まで表示されます。

時刻を表示しないようにするには、どうしたらいいのでしょうか?

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

時刻を表示しないようにするには、「intl」パッケージを使って、フォーマットします。

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

import 'package:intl/intl.dart';

そして、DatePickerで表示する日付を、DateFormatを使って、フォーマットします。

Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          TextButton(
              onPressed: () {
                _getDate(context);
              },
              child: Text('Pick')),
          Text(selectedDate != null
              ? "${DateFormat("yyyy-MM-dd").format(selectedDate!)}"
              : "No Pick")
        ],
      ),

これで時刻が表示されなくなります。

DatePickerで選択した後に、直接フォーマットする方法もあります。

その場合は、選択した日付を格納する変数を、String型にする必要があります。

コメント

タイトルとURLをコピーしました