Swift UI - 日期选择控件（UIDatePicker）

iOS 阅读量

注：代码已升级至Swift4

使用Storyboard创建日期选择控件

首先我们将一个 UIDatePicker 控件和一个按钮直接添加到 Main.Storyboard 上。该按钮是为了点击时弹出提示框显示当前选择的日期和时间。
同时在 ViewController.swift 中使用 IBOutlet 建立起控件和事件的关联，具体代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import UIKit
 
class ViewController: UIViewController {

    @IBOutlet var dpicker:UIDatePicker!
    @IBOutlet var btnshow:UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    @IBAction func showClicked(_ sender:UIButton) {
        let date = dpicker.date

        // 创建一个日期格式器
        let dformatter = DateFormatter()
        // 为日期格式器设置格式字符串
        dformatter.dateFormat = "yyyy年MM月dd日 HH:mm:ss"
        // 使用日期格式器格式化日期、时间
        let datestr = dformatter.string(from: date)

        let message =  "您选择的日期和时间是：\(datestr)"

        // 创建一个UIAlertController对象（消息框），并通过该消息框显示用户选择的日期、时间
        let alertController = UIAlertController(title: "当前日期和时间",
                                                message: message,
                                                preferredStyle: .alert)
        let cancelAction = UIAlertAction(title: "确定", style: .cancel, handler: nil)
        alertController.addAction(cancelAction)
        self.present(alertController, animated: true, completion: nil)
    }
}

纯代码创建日期选择控件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import UIKit
 
class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        //创建日期选择器
        let datePicker = UIDatePicker(frame: CGRect(x:0, y:0, width:320, height:216))
        //将日期选择器区域设置为中文，则选择器日期显示为中文
        datePicker.locale = Locale(identifier: "zh_CN")
        //注意：action里面的方法名后面需要加个冒号“：”
        datePicker.addTarget(self, action: #selector(dateChanged),
                            for: .valueChanged)
        self.view.addSubview(datePicker)
    }

    //日期选择器响应方法
    func dateChanged(datePicker : UIDatePicker){
        //更新提醒时间文本框
        let formatter = DateFormatter()
        //日期样式
        formatter.dateFormat = "yyyy年MM月dd日 HH:mm:ss"
        print(formatter.string(from: datePicker.date))
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

日期选择控件文字改成中文

默认日期选择控件中的文字是英文，如果想显示中文，则需要将日期选择控件的区域做如下设置

1
2
//将日期选择器区域设置为中文，则选择器日期显示为中文
datePicker.locale = Locale(identifier: "zh_CN")

改变控件时间选择模式

默认情况下日期选择控件里面选项既有日期，又有时间。我们可以修改选择模式，让它只有其中一种。

（1）只有日期选择

1
datePicker.datePickerMode = .date

（2）只有时间选择

1
datePicker.datePickerMode = .time

修改文字颜色

UIDatePicker 默认的文字颜色是黑色，但如果我们使用的是深色背景的话（比如）会难以辨认。我们可以通过 setValue 来修改文字颜色。

1
datePicker.setValue(UIColor.white, forKey: "textColor")