如何强制SwiftUI DatePicker使用24小时制而非设备本地设置？

SwiftUI原生DatePicker会优先服从设备「设置-通用-日期与时间」里的24小时制开关，哪怕你指定了24小时制的Locale，真机上这个全局偏好也会覆盖你的设置——这就是你遇到的问题根源。

最可靠的解决办法是直接封装UIKit的UIDatePicker，通过底层API强制控制时间格式，完全绕开系统全局设置的干扰：

import SwiftUI

struct Force24HourTimePicker: UIViewRepresentable {
    @Binding var selectedTime: Date
    let minuteStep: Int = 1 // 可根据需求调整分钟间隔，比如5分钟
    
    func makeUIView(context: Context) -> UIDatePicker {
        let picker = UIDatePicker()
        picker.datePickerMode = .time
        picker.minuteInterval = minuteStep
        picker.addTarget(context.coordinator, action: #selector(Coordinator.syncTime), for: .valueChanged)
        
        // 核心配置：强制24小时制
        let timeFormatter = DateFormatter()
        timeFormatter.dateFormat = "HH:mm" // 明确指定24小时格式
        timeFormatter.locale = Locale(identifier: "en_GB_POSIX") // POSIX locale不受系统区域干扰
        picker.locale = timeFormatter.locale
        picker.dateFormatter = timeFormatter
        picker.usesAutoDateStyling = false // 关闭自动样式，拒绝跟随系统设置
        
        return picker
    }
    
    func updateUIView(_ uiView: UIDatePicker, context: Context) {
        uiView.date = selectedTime
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject {
        private let parent: Force24HourTimePicker
        
        init(_ parent: Force24HourTimePicker) {
            self.parent = parent
        }
        
        @objc func syncTime(_ sender: UIDatePicker) {
            parent.selectedTime = sender.date
        }
    }
}

// 调用示例
struct FlightAppView: View {
    @State private var departureTime = Date()
    
    var body: some View {
        VStack(spacing: 20) {
            Text("选择起飞时间")
                .font(.title2)
            Force24HourTimePicker(selectedTime: $departureTime)
                .frame(height: 160)
            Text("已选时间：\(departureTime, formatter: displayFormatter)")
        }
        .padding()
    }
    
    private var displayFormatter: DateFormatter {
        let formatter = DateFormatter()
        formatter.dateFormat = "HH:mm"
        return formatter
    }
}

为什么这个方案有效？ #

• usesAutoDateStyling = false：这是关键开关，关闭后UIDatePicker不会自动应用系统的时间格式偏好，完全遵循我们自定义的dateFormatter。
• POSIX Locale：用en_GB_POSIX这类标准Locale，避免设备的区域设置（比如US）覆盖我们指定的格式。
• 明确的dateFormat：直接指定HH:mm（24小时制），确保滚轮显示和选中值的格式完全符合需求。

这个实现无论设备的24小时制开关是开是关，真机上都会稳定显示24小时制的时间滚轮，也不会有全屏模式的适配问题，完全满足航空类应用的强制格式需求。

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