1 import SwiftUI
 2 
 3 struct ContentView : View
 4 {
 5     //首先添加一个日期格式化类型的属性，
 6     //将用它对用户所选择的日期和时间进行格式化，
 7     //并显示在文本视图中。
 8     var myDateFormatter: DateFormatter
 9     {
10         //初始化一个日期格式化类型的实例，
11         let formatter = DateFormatter()
12         //并设置它的日期样式为长类型，即依次显示月份、天数和年份。
13         formatter.dateStyle = .long
14         //返回初始化的日期格式化实例。
15         return formatter
16     }
17     
18     //添加另一个属性，并给它添加@State标记，从而和DatePicker进行绑定。
19     //当用户选择某个日期时，该属性的值也将同步更改。
20     @State var selectedDate = Date()
21     
22     var body: some View
23     {
24         VStack
25             {
26                 //方式一：
27                 //添加一个DatePicker视图，将它和selectDate属性进行绑定，
28                 //并设置DatePicker的组件类型为日期类型，即只显示日期列表，不显示时间列表。
29                 DatePicker(selection: $selectedDate, displayedComponents: DatePickerComponents.date)
30                 {
31                     Text("Date")
32                 }
33                 //在DatePicker视图下方，添加一个文本视图，用来显示用户所选的日期和时间。
34                 Text("Applicatment date:\(selectedDate,formatter:myDateFormatter)")
35                 
36                 //方式二：
37                 //修改日期拾取器的组件类型:修改为小时和分钟类型hourAndMinute
38                 DatePicker(selection: $selectedDate, displayedComponents: DatePickerComponents.hourAndMinute)
39                 {
40                     Text("Date")
41                 }
42                 
43                 //方式三：
44                 //修改日期拾取器的组件类型：日期和时间类型，此时右侧的预览窗口中，DatePicker组件包含了日期列表和时间列表。
45                 //对日期列表的日期范围进行了限定，最小值为今天，最大值为7天之后的日期。
46                 DatePicker(selection: $selectedDate,in: Date()...Date().advanced(by: 7*24*3600), displayedComponents: [.date, .hourAndMinute])
47                 {
48                     Text("Date")
49                 }
50                 //在DatePicker视图下方，添加一个文本视图，用来显示用户所选的日期和时间。
51                 Text("Your Choice: \(selectedDate, formatter: myDateFormatter)")
52         }
53     }
54 }
55 
56 #if DEBUG
57 struct ContentView_Previews : PreviewProvider {
58     
59     static var previews: some View {
60         ContentView()
61     }
62 }
63 #endif