SwiftUI—方便用户选择日期的DatePicker日期拾取器

简介: SwiftUI—方便用户选择日期的DatePicker日期拾取器

PickerDate相当于UIKit中的UIDatePicker控件,用于实现时间和日期项目的选择。

示例代码:


struct ContentView : View {
    var myDateFormatter: DateFormatter { //添加一个日期格式化类型的属性,您将用它对用户所选的日期和时间进行格式化,并显示在文本视图中
        let formatter = DateFormatter() //初始化一个日期格式化类型的实例
        formatter.dateStyle = .long //并设置他的日期格式化类型为长类型,即依次显示月份、天数和年份
        return formatter
    }
    @State var selectedDate = Date() //和DatePicker进行绑定,当用户选择某个日期时,该属性的值也将同步更改
    var body: some View {
        VStack {
            DatePicker(selection: $selectedDate, displayedComponents: DatePickerComponents.hourAndMinute) { //添加一个DatePicker视图,将它和selectedDate属性进行绑定,并设置DatePicker的组件类型为小时和分钟
                Text("Date")
            }
            DatePicker(selection: $selectedDate, displayedComponents: DatePickerComponents.date) {
                Text("Date")
            }
            DatePicker(selection: $selectedDate,in: Date()...Date().advanced(by: 7*24*3600), displayedComponents: [.date, .hourAndMinute]) { //对日期列表的日期范围进行了限定,最小值为今天,最大值为7天之后的日期。
                Text("Date")
            }
            Text("Your Choice: \(selectedDate, formatter: myDateFormatter)") //用来显示用户所选的日期
        }
    }
}


2466108-92228edbc9fcb07b.webp.jpg

目录
相关文章
SwiftUI—方便用户选择项目的Picker拾取器
SwiftUI—方便用户选择项目的Picker拾取器
514 0
SwiftUI—方便用户选择项目的Picker拾取器
SwiftUI—如何使用NavigationLink进行页面间的跳转
SwiftUI—如何使用NavigationLink进行页面间的跳转
3379 0
SwiftUI—如何使用NavigationLink进行页面间的跳转
|
程序员 索引
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
1135 0
SwiftUI极简教程18:SwipeCard卡片滑动效果的使用(上)
|
iOS开发
SwiftUI极简教程13:NavigationView导航栏使用
SwiftUI极简教程13:NavigationView导航栏使用
2146 2
SwiftUI极简教程13:NavigationView导航栏使用
|
iOS开发
iOS - Swift NSCalendar 日历
前言 public class NSCalendar : NSObject, NSCopying, NSSecureCoding NSCalendar 对世界上现存的常用的历法进行了封装,既提供了不同历法的时间信息,又支持日历的计算。
1677 0
|
iOS开发
SwiftUI极简教程08: Button按钮的使用
SwiftUI极简教程08: Button按钮的使用
1368 0
SwiftUI极简教程08: Button按钮的使用
SwiftUI—如何给图像视图添加边框、透明度和阴影
SwiftUI—如何给图像视图添加边框、透明度和阴影
855 0
SwiftUI—如何给图像视图添加边框、透明度和阴影
|
存储 iOS开发
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
876 0
SwiftUI极简教程15:使用Toggle开关、Picker选择器Stepper步进器构建一个Form表单
|
存储 索引
SwiftUI极简教程19:SwipeCard卡片滑动效果的使用(下)
SwiftUI极简教程19:SwipeCard卡片滑动效果的使用(下)
705 0
SwiftUI极简教程19:SwipeCard卡片滑动效果的使用(下)
SwiftUI—使用Text视图创建漂亮的富文本
SwiftUI—使用Text视图创建漂亮的富文本
1246 0
SwiftUI—使用Text视图创建漂亮的富文本

热门文章

最新文章