[SwiftUI]「DatePicker」の表示設定

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

表示

現在、使用できる「DatePicker」の表示は３つあります。

• 日付のみ
• 時刻（時間と分）のみ
• 日付と時刻

設定

DatePickerの表示を設定するには、displayComponent引数を使います。

具体的には、displayComponentに、次の３つの配列いずれかを指定します。

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

//日付のみを指定
DatePicker(selection: $date, displayedComponents: .date, label: { Text("日付") })

//時刻
DatePicker(selection: $date, displayedComponents: .hourAndMinute, label: { Text("時刻") })

//両方
DatePicker(selection: $date, displayedComponents: [.date, .hourAndMinute], label: { Text("") })

まとめ

DatePickerの表示設定は、引数「displayComponent」で行います。

オススメの記事

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

2021/6/4

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

「Pickerビューって何？」

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

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

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

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

www.choge-blog.com

2021.06.14

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

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

www.choge-blog.com

2021.08.02

[SwiftUI]タイマークラスの「scheduledTimer」メソッドの使い方

2021.8.22 タイマー(Timer)クラスのscheduledTimerメソッドの使い方を解説します。

www.choge-blog.com

2021.08.22