SwiftUI 2：DatePicker选中日期格式不一致问题及统一方法

这其实是iOS系统对DatePicker的默认适配行为：当日期距离当前日期较近时（比如几天到几周内），系统会采用和你设备区域设置匹配的简洁格式（比如26/12/2020）；而对于距离当前日期较远的日期，系统会自动切换到带月份缩写的格式（比如27 Dec 2020）——这么做是为了让用户更直观地识别远期日期的月份信息，这个逻辑是系统内置的，默认情况下SwiftUI的DatePicker会遵循这个规则。

SwiftUI原生的DatePicker没有直接提供自定义显示格式的API，我们需要通过封装UIKit的UIDatePicker组件来实现格式统一，具体方案如下：

步骤1：创建自定义DatePicker封装 #

用UIViewRepresentable把UIKit的UIDatePicker包装成SwiftUI可用的组件，同时指定统一的日期格式：

struct CustomDatePicker: UIViewRepresentable {
    @Binding var selectedDate: Date
    let minimumDate: Date?
    let dateFormat: String
    
    func makeUIView(context: Context) -> UIDatePicker {
        let picker = UIDatePicker()
        picker.datePickerMode = .date
        picker.minimumDate = minimumDate
        picker.preferredDatePickerStyle = .wheels // 固定使用滚轮样式，避免系统自动切换显示逻辑
        
        // 设置统一的日期格式和区域
        let formatter = DateFormatter()
        formatter.dateFormat = dateFormat
        formatter.locale = Locale.current // 适配设备系统区域，也可以固定写死比如"en_GB"
        picker.setDateFormatter(formatter)
        
        picker.addTarget(context.coordinator, action: #selector(Coordinator.dateChanged(_:)), for: .valueChanged)
        return picker
    }
    
    func updateUIView(_ uiView: UIDatePicker, context: Context) {
        uiView.date = selectedDate
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject {
        let parent: CustomDatePicker
        
        init(_ parent: CustomDatePicker) {
            self.parent = parent
        }
        
        @objc func dateChanged(_ picker: UIDatePicker) {
            parent.selectedDate = picker.date
        }
    }
}

步骤2：在ContentView中使用自定义DatePicker #

替换原来的原生DatePicker，指定你想要的统一格式即可：

struct ContentView : View {
    @State private var birthDate = Date()
    
    var body: some View {
        VStack(alignment: .leading){
            Text("Date")
            // 统一使用dd/MM/yyyy格式，也可以改成"dd MMM yyyy"等你需要的格式
            CustomDatePicker(
                selectedDate: $birthDate,
                minimumDate: Date(),
                dateFormat: "dd/MM/yyyy"
            )
        }.padding()
    }
}

额外说明 #

• 如果你需要其他格式，只需要修改dateFormat参数即可，比如"dd MMM yyyy"可以统一显示为27 Dec 2020样式；
• 区域设置（locale）会影响日期格式的解析，比如使用zh_CN时，dd/MM/yyyy会显示为26/12/2020，如果用en_US则会变成MM/dd/yyyy，建议根据App需求调整；
• 如果支持多语言，用Locale.current可以自动适配用户的系统区域设置。

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