DatePicker in SwiftUI

DatePicker作为一个时间日期组件，在app中是经常用到的。在SwiftUI中，它是非常方便集成和使用的，下面我们来看看吧

最基础的Datepicker

DatePicker(selection: $date) {
                Text("Displayed all components")
            }

以上便是最基础的Datepicker组件代码，效果如下

左边图是未点击状态 ｜ 中间图为点击日期部分的弹出 ｜右边图为点击时间部分的弹窗

指定显示时间或者日期

DatePicker(selection: $date, displayedComponents: .date) {
                Text("date")
            }

            DatePicker(selection: $date, displayedComponents: .hourAndMinute) {
                Text("hourAndMinute")
            }

以上代码可以指定只显示日期或者只显示时间，当然你也可以同时指定日期和时间显示。默认视图就是时间和日期同时显示

datePickerStyle

Datepicker里面有一个很重要的属性，那就是datepickerstyle，它可以指定datepicker的外观

内置有三种外观属性

1. graphical
2. wheel
3. compact

.graphical

.wheel

.compact

以上效果的基础代码

DatePicker(
                "Start Date",
                selection: $date,
                displayedComponents: [.date, .hourAndMinute]
            )
            .datePickerStyle(.graphical)

以上就是datepicker的基本用法。

大家有什么看法呢？欢迎留言讨论。
公众号：RobotPBQ