[SwiftUI]DatePickerを時刻のみ(time only)にするには？

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

DatePickerを時刻のみにする方法を紹介します。

方法
使用例

方法

DatePickerを時刻のみにするには、引数「displayedComponents」を使います。

具体的には、DatePickerの引数「displayedComponents」に「.hourAndMinute」を指定します。

DatePicker("", selection: $date, displayedComponents: .hourAndMinute)

引数「displayedComponents」に「.hourAndMinute」を指定することで、DatePickerを時刻のみにすることができます。

使用例

以下は、使用例です。

struct ContentView: View {
    
    @State var date = Date()
    var body: some View {
        VStack{
            DatePicker("", selection: $date, displayedComponents: .hourAndMinute)
                .datePickerStyle(WheelDatePickerStyle())
        }
    }
}