SwiftUI中Binding<Date>适配Text组件报错，求助通过setDate设置日期

问题根源 #

你遇到的两个报错本质是类型不匹配：

• Text(_:style:)要求传入Date类型值，你直接传了Binding<Date>，类型不兼容；
• 移除style后，Text默认初始化器需要StringProtocol类型，Binding<Date>无法满足这个要求。
  同时当前代码存在状态冗余：ProfileView的@State var selectedDate和ViewModel的selectedDate是独立状态，DatePicker修改本地状态时，ViewModel的setDate方法没有被正确触发，导致视图与ViewModel数据不一致。

修正方案 #

1. 让ViewModel的日期状态支持视图监听：给selectedDate添加@Published属性；
2. Text直接使用ViewModel的selectedDate（只读展示不需要Binding）；
3. 给DatePicker创建自定义Binding，关联ViewModel的setDate方法，实现选择日期时更新ViewModel状态；
4. 移除ProfileView中冗余的@State var selectedDate。

修正后完整代码 #

ViewModelType协议

protocol ViewModelType: ObservableObject {
    var selectedDate: Date { get }
    func setDate(_ selectedDate: Date)
}

ViewModel实现

final class ViewModel: ViewModelType {
    @Published var selectedDate: Date = Date()
    
    func setDate(_ selectedDate: Date) {
        self.selectedDate = selectedDate
    }
}

ProfileView实现

struct ProfileView<ViewModel: ViewModelType>: View {
    @ObservedObject var viewModel: ViewModel
    
    init(with viewModel: ViewModel) {
        self.viewModel = viewModel
    }

    var body: some View {
        VStack(alignment: .leading) {
            // 直接传入ViewModel的Date值，符合Text初始化器要求
            Text(viewModel.selectedDate, style: .date)
            
            // 自定义Binding，将DatePicker的选择同步到ViewModel
            DatePicker("", selection: Binding(
                get: { viewModel.selectedDate },
                set: { viewModel.setDate($0) }
            ), displayedComponents: .date)
        }
    }
}

说明 #

• @Published修饰ViewModel的selectedDate后，当值变化时会自动通知ObservedObject绑定的视图刷新；
• Text只需要展示日期，直接使用ViewModel的selectedDate即可，无需Binding；
• DatePicker的自定义Binding通过get获取当前ViewModel的日期，set调用setDate方法更新ViewModel状态，保证视图与ViewModel数据同步。

内容的提问来源于stack exchange，提问作者Dmitry