SwiftUI从入门到实战第2章第1节：PickerDate

相关课程：http://hdjc8.com/hdjc/swiftUI/

本节演示DatePicker视图的使用，DatePicker和UIKit中的UIDatePicker类似，主要用于提供一个日期和时间列表，方便用户的选择。

示例代码：

1struct ContentView : View {
2
3    //首先添加一个日期格式化类型的属性，您将用它对用户所选的日期和时间进行格式化，并显示在文本视图中。
4    var myDateFormatter: DateFormatter {
5        let formatter = DateFormatter()
6        //初始化一个日期格式化类型的实例，并设置它的日期样式为长类型，即依次显示月份、天数和年份。
7        formatter.dateStyle = .long
8        return formatter
9    }
10
11    @State var selectedDate = Date()
12
13    var body: some View {
14        VStack {
15            //DatePicker的组件类型被修改为小时和分钟类型，此时在右侧的预览窗口中，DatePicker组件包含了小时列表和分钟列表。
16            DatePicker(selection: $selectedDate, displayedComponents: DatePickerComponents.hourAndMinute) {
17                Text("Date")
18            }
19            
20            //组件类型被修改为日期和时间类型
21            DatePicker(selection: $selectedDate, displayedComponents: DatePickerComponents.date) {
22                Text("Date")
23            }
24
25            //对日期列表的日期范围进行了限定，最小值为今天，最大值为7天之后的日期。
26            DatePicker(selection: $selectedDate,in: Date()...Date().advanced(by: 7*24*3600), displayedComponents: [.date, .hourAndMinute]) {
27                Text("Date")
28            }
29
30            Text("Your Choice: \(selectedDate, formatter: myDateFormatter)")
31        }
32    }
33}

查看运行结果