エントリーから実際の戦闘までのSwiftUI第2章セクション2：PickerDate

 

関連コース：http：//hdjc8.com/hdjc/swiftUI/

このセクションでは、DatePickerビューの使用方法を示します。DatePickerはUIKitのUIDatePickerに似ています。主に、ユーザーが選択しやすいように日付と時刻のリストを提供するために使用されます。

サンプルコード：

struct ContentView : View {

    //首先添加一个日期格式化类型的属性，您将用它对用户所选的日期和时间进行格式化，并显示在文本视图中。
    var myDateFormatter: DateFormatter {
        let formatter = DateFormatter()
        //初始化一个日期格式化类型的实例，并设置它的日期样式为长类型，即依次显示月份、天数和年份。
        formatter.dateStyle = .long
        return formatter
    }

    @State var selectedDate = Date()

    var body: some View {
        VStack {
            //DatePicker的组件类型被修改为小时和分钟类型，此时在右侧的预览窗口中，DatePicker组件包含了小时列表和分钟列表。
            DatePicker(selection: $selectedDate, displayedComponents: DatePickerComponents.hourAndMinute) {
                Text("Date")
            }
            
            //组件类型被修改为日期和时间类型
            DatePicker(selection: $selectedDate, displayedComponents: DatePickerComponents.date) {
                Text("Date")
            }

            //对日期列表的日期范围进行了限定，最小值为今天，最大值为7天之后的日期。
            DatePicker(selection: $selectedDate,in: Date()...Date().advanced(by: 7*24*3600), displayedComponents: [.date, .hourAndMinute]) {
                Text("Date")
            }

            Text("Your Choice: \(selectedDate, formatter: myDateFormatter)")
        }
    }
}

実行結果を表示する