【iOS 开发】时间选择器控件 UIDatePicker

关注

原创最新推荐文章于 2026-10-04 16:23:03 发布 5.3k 阅读 AI 写同款· GEO 优化 ›

ios自定义日期、时间、城市选择器选择器，我想大家都不陌生，当需要用户去选择某些范围值内的一个固定值时，我们会采用选择器的方式。选择器可以直观的提示用户选择的值范围、统一信息的填写格式，同时也方便用户快速的进行选择，比如对于性别，正常情况下就只有男女两种情况，那这时候用一个选择器给用户进行选择的话，可以避免错误数据的输入，也更方便用户去填写。再比如需要获取用户的生日信息时，采用选择器的方式可以统一生日的格式，如果让用户自行输入的话，阅读详情

iOS 时间选择器控件 UIDatePicker

1. UIDatePicker 计时器模式


// 创建 UIDatePicker
let picker1 = UIDatePicker(frame: CGRect(x: 15, y: 1050, width: 350, height: 150))

// 设置 UIDatePicker 模式
picker1.datePickerMode = UIDatePicker.Mode.countDownTimer // 计时器模式

// 设置 UIDatePicker 在计时模式下显示的时间差
picker1.countDownDuration = TimeInterval(1 * 1000)

// 设置 UIDatePicker 在计时模式下相邻时间的时间间隔
picker1.minuteInterval = 10 // 每间隔 10 分钟

picker1.addTarget(self, action: #selector(changeDatePicker), for: UIControl.Event.valueChanged)

@objc func changeDatePicker(picker: UIDatePicker) {
    print("选中的时间：\(picker.date)，\(picker.countDownDuration)")
}

效果展示：
uidatepicker

2. UIDatePicker 日期时间模式


let picker4 = UIDatePicker(frame: CGRect(x: 15, y: 1350, width: 350, height: 50))

picker4.datePickerMode = UIDatePicker.Mode.dateAndTime // 日期时间模式

// 设置 UIDatePicker 地区，不设置则默认当前地区
picker4.locale = Locale.current

// 设置 UIDatePicker 时区，不设置则默认当前时区
picker4.timeZone = TimeZone.current

// 设置 UIDatePicker 选中的日期
picker4.date = Date(timeIntervalSince1970: TimeInterval(1640390400)) // 2021-12-25 08:00:00

picker4.addTarget(self, action: #selector(changeDatePicker), for: UIControl.Event.valueChanged)