[SwiftUI]「DatePickerビュー」の使い方

DatePickerビューの使い方を解説します。

DatePickerとは？

DatePickerとは、ユーザーに日付や時刻を選択させるためのビューです。

使い方

DatePickerビューは、３つの引数を指定することで使えます。

• selection : 関連付けする状態変数（Date型）
• displayedComponents : 日付の表示設定
• label : ラベルをクロージャーで指定

displayComponentsは、日付の表示を設定する引数で、次の３つを指定できます。

• .date : 日付
• .hourAndMinuite：時刻
• [.date , .hourAndMinuite]：日付と時刻を表示

labelは、DatePickerにつけるラベルをクロージャーで指定します。

使用例

DatePicker(selection: $date,
                   displayedComponents: .date,
                   label: {
            Text("ラベル")
        })

DatePicker(selection: $date,
                   displayedComponents: .hourAndMinute,
                   label: {
            Text("ラベル")
        })

まとめ

DatePickerは、日付や時刻を選択させるビューです。

「selection」、「displayedComponents」、「label」の３つの引数を指定して使います。

オススメの記事

[SwiftUI]「日付選択」をするビュー

2021.8.22 日付選択をするビューを紹介します。

www.choge-blog.com

2021.08.22

[SwiftUI]「DatePicker」の表示設定

2021.8.22 DatePickerの表示設定について解説します。

www.choge-blog.com

2021.08.22

[SwiftUI][Xcode]Pickerビューの使い方

2021/6/4

「Pickerビューの使い方を知りたい」

「Pickerビューって何？」

「Pickerビューについて知りたい」

という人に向けて、この記事は書かれています。

どうも、ちょげ（@chogetarou）です。

この記事では、Pickerビューの使い方について解説します。

www.choge-blog.com

2021.06.14