ios - 为什么我的“UIDatePicker”没有正确显示?
问题描述
我在视图控制器(使用情节提要)中使用以下语法将现有 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 impossible to properly做出选择。
有谁知道为什么会发生这种情况,以及我如何解决这个问题,以便它显示在视图控制器的中心(与大多数其他应用程序一样 - 请参阅此处了解我的目标。
这是关于日期选择器当前显示方式的屏幕截图 -此处。
解决方案
第一种解决方案:
- 您需要根据需要设置框架。
- 初始化后设置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作为轮子,去掉框架,会更人性化。
推荐阅读
- prometheus - Prometheus 查询过滤器不适用于 OR 过滤器
- scala - 如何使用属性值在 Scala 中声明 KafkaListener 的主题
- python - Keras 神经网络为所有输入预测相同的数字
- javascript - Qr Scanner - Angular.Child 组件 -qr.component 包含在父组件中的输入(ngx-barcode-scanner),关闭相机事件不起作用
- javascript - 如何从具有多个键的 json 对象中收集数据并将所有值推送到单个键:值数组
- visual-studio-code - VSCode 加载插件失败找不到模块 'eslint-plugin-prettier'
- java - 删除房间内数据库
- c++ - 我在 ifstream input_file(filename); 行中收到错误“没有要调用的匹配函数”;
- python - 它似乎不保存裁剪的图像
- python - google appengine 未授权状态 401