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)")
        }
    }
}

查看运行结果