为什么我的“UIDatePicker”没有正确显示？答案

【问题标题】：Why isn't my 'UIDatePicker' displaying properly?为什么我的“UIDatePicker”没有正确显示？
【发布时间】：2021-07-13 03:55:28
【问题描述】：

我在视图控制器中使用以下语法（使用情节提要）将现有 UITextField 调整为日期格式。

@IBOutlet weak var productTimeRemainingField: UITextField!

private var datePicker: UIDatePicker?

override func viewDidLoad() {
    super.viewDidLoad()
    datePicker = UIDatePicker()
    datePicker?.datePickerMode = .dateAndTime
    datePicker?.addTarget(self, action: #selector(newProductViewController.dateChanged(datePicker:)), for: .valueChanged)

let tapGesture = UITapGestureRecognizer(target: self, action: #selector(newProductViewController.viewTapped(gestureRecognizer:)))
    view.addGestureRecognizer(tapGesture)
    productTimeRemainingField.inputView = datePicker
}

@objc func viewTapped(gestureRecognizer: UITapGestureRecognizer) {
    view.endEditing(true)
}

@objc func dateChanged(datePicker: UIDatePicker) {
    let dateFormatter = DateFormatter()
    dateFormatter.dateFormat = "dd/MM/yyyy hh:mm:ss"
    productTimeRemainingField.text = dateFormatter.string(from: datePicker.date)
    view.endEditing(true)
    if #available(iOS 13.4, *) {
          datePicker.preferredDatePickerStyle = .compact
      }
}

The above code is working, and allows me to select both a time and date, however when the field is selected, the section where a user selects the time and date is shown right at the bottom of the page, making it nearly无法正确选择。

有谁知道为什么会发生这种情况，以及我该如何解决这个问题，以便它显示在视图控制器的中心（与大多数其他应用程序一样 - 请参阅 here 了解我的目标。

这是日期选择器当前显示方式的屏幕截图 - here。

【问题讨论】：

对于上下文 - 我使用的 UITextField 已失效约束，并且在日期选择之前和之后都出现在预期位置。

标签： ios swift objective-c uitextfield uidatepicker

【解决方案1】：

第一种解决方案：

您需要根据需要设置框架。
初始化后设置preferredDatePickerStyle

override func viewDidLoad() {
        super.viewDidLoad()
        datePicker = UIDatePicker()

        //---Changes---
if #available(iOS 13.4, *) {
            datePicker.preferredDatePickerStyle = .compact
          }
        datePicker?.frame = .init(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height)
        //---

        datePicker?.datePickerMode = .dateAndTime
        datePicker?.addTarget(self, action: #selector(dateChanged(datePicker:)), for: .valueChanged)

    let tapGesture = UITapGestureRecognizer(target: self, action: #selector(viewTapped(gestureRecognizer:)))
        view.addGestureRecognizer(tapGesture)
        productTimeRemainingField.inputView = datePicker

    }

第二个解决方案：

初始化后设置preferredDatePickerStyle
使用preferredDatePickerStyle作为轮子并去掉框架，这样会更加用户友好。

【讨论】：