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

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

DatePickerビュー

DatePickerビューは、日付選択をするためのビューです。

イニシャライザ

DatePickerのイニシャライザは、次のようになっています。

init( selection : Binding<Date>, displayedComponents : DatePicker<Label>.Components, @ViewBuilder label : () -> Label )

selection : 先頭に＄を付けた状態変数
displayedComponents : ピッカーの見た目を指定する
label : ピッカーのラベル

displayComponentsは、ユーザーに選択してもらう日付の設定をする引数です。

この引数は、DatePicker.Componentsのタイププロパティで指定します。

指定できるのは、次の３つです。

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

使い方

DatePickerは、上記の引数３つを指定して使います。

DatePicker(selection: $date, displayedComponents: .date, label: { Text("日付選択") })

まとめ

日付選択は、DatePickerビューを使います。

オススメの記事

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

2021/6/4

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

「Pickerビューって何？」

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

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

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

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

www.choge-blog.com

2021.06.14

[SwiftUI]「DatePicker」の表示設定

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

www.choge-blog.com

2021.08.22

[SwiftUI]「Picker」を横に複数並べる方法

2021/8/2Pickerビューを横に並べる方法を紹介します。

www.choge-blog.com

2021.08.02