DatePicker

日付の表示

２つの表示方法がある

1. 年月日
2. 時分

年月日と時分を組み合わせたり、単独で使用したりして、目的にあった表示を行う

    @State private var dateValue = Date()
    
    var body: some View {
        VStack {
            // 年月日
            DatePicker(
                "Start Date",
                selection: $dateValue,
                displayedComponents: [.date]
            )
        
            DatePicker(
                "Start Date ja_JP",
                selection: $dateValue,
                displayedComponents: [.date]
            )
            // 日本のロケールを設定すると、"年/月/日" のフォーマットに整形される
            .environment(\.locale, .init(identifier: "ja_JP"))
            
            // 年月日＋時分
            DatePicker(
                "Start Date",
                selection: $dateValue,
                displayedComponents: [.date, .hourAndMinute]
            )
            .environment(\.locale, .init(identifier: "ja_JP"))
        }
    }