Ios 在Swift中的弹出式datePickerView中添加“完成”按钮?
我想在Swift中弹出的datePickerView中添加一个“完成”按钮 代码如下:Ios 在Swift中的弹出式datePickerView中添加“完成”按钮?,ios,swift,uitextfield,uidatepicker,Ios,Swift,Uitextfield,Uidatepicker,我想在Swift中弹出的datePickerView中添加一个“完成”按钮 代码如下: @IBOutlet var datePicker: UITextField! @IBAction func dateTextInputPressed(sender: UITextField) { var datePickerView = UIDatePicker() datePickerView.datePickerMode = UIDatePickerMode.Date sen
@IBOutlet var datePicker: UITextField!
@IBAction func dateTextInputPressed(sender: UITextField) {
var datePickerView = UIDatePicker()
datePickerView.datePickerMode = UIDatePickerMode.Date
sender.inputView = datePickerView
datePickerView.addTarget(self, action: Selector("handleDatePicker:"), forControlEvents: UIControlEvents.ValueChanged)
}
func handleDatePicker(sender: UIDatePicker) {
var dateFormatter = NSDateFormatter()
dateFormatter.dateFormat = "yyyy-MM-dd"
datePicker.text = dateFormatter.stringFromDate(sender.date)
}
我可以使用此代码成功地弹出datePickerView
但是在我选择了日期之后,它没有一个“完成”按钮来关闭它
那么,如何将“完成”按钮添加到它中?您可以对
UITextField
的inputView
属性使用通用的UIView
。我们可以将ui日期选择器
和ui按钮
添加到此ui视图
@IBAction func dateTextInputPressed(sender: UITextField) {
//Create the view
let inputView = UIView(frame: CGRectMake(0, 0, self.view.frame.width, 240))
var datePickerView : UIDatePicker = UIDatePicker(frame: CGRectMake(0, 40, 0, 0))
datePickerView.datePickerMode = UIDatePickerMode.Date
inputView.addSubview(datePickerView) // add date picker to UIView
let doneButton = UIButton(frame: CGRectMake((self.view.frame.size.width/2) - (100/2), 0, 100, 50))
doneButton.setTitle("Done", forState: UIControlState.Normal)
doneButton.setTitle("Done", forState: UIControlState.Highlighted)
doneButton.setTitleColor(UIColor.blackColor(), forState: UIControlState.Normal)
doneButton.setTitleColor(UIColor.grayColor(), forState: UIControlState.Highlighted)
inputView.addSubview(doneButton) // add Button to UIView
doneButton.addTarget(self, action: "doneButton:", forControlEvents: UIControlEvents.TouchUpInside) // set button click event
sender.inputView = inputView
datePickerView.addTarget(self, action: Selector("handleDatePicker:"), forControlEvents: UIControlEvents.ValueChanged)
handleDatePicker(datePickerView) // Set the date on start.
}
func handleDatePicker(sender: UIDatePicker) {
var dateFormatter = NSDateFormatter()
dateFormatter.dateFormat = "yyyy-MM-dd"
datePicker.text = dateFormatter.stringFromDate(sender.date)
}
func doneButton(sender:UIButton)
{
datePicker.resignFirstResponder() // To resign the inputView on clicking done.
}
如果使用按钮而不是文本字段: /** *马克-预订行动 */
我做这个扩展是为了关闭选择器Swift 2
extension UIToolbar {
func ToolbarPiker(mySelect : Selector) -> UIToolbar {
let toolBar = UIToolbar()
toolBar.barStyle = UIBarStyle.Default
toolBar.translucent = true
toolBar.tintColor = UIColor.blackColor()
toolBar.sizeToFit()
let doneButton = UIBarButtonItem(title: "Done", style: UIBarButtonItemStyle.Plain, target: self, action: mySelect)
let spaceButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.FlexibleSpace, target: nil, action: nil)
toolBar.setItems([ spaceButton, doneButton], animated: false)
toolBar.userInteractionEnabled = true
return toolBar
}
}
Swift 3-4
extension UIToolbar {
func ToolbarPiker(mySelect : Selector) -> UIToolbar {
let toolBar = UIToolbar()
toolBar.barStyle = UIBarStyle.default
toolBar.isTranslucent = true
toolBar.tintColor = UIColor.black
toolBar.sizeToFit()
let doneButton = UIBarButtonItem(title: "Done", style: UIBarButtonItemStyle.plain, target: self, action: mySelect)
let spaceButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.flexibleSpace, target: nil, action: nil)
toolBar.setItems([ spaceButton, doneButton], animated: false)
toolBar.isUserInteractionEnabled = true
return toolBar
}
}
您可以在viewController中简单地使用它:
override func viewDidLoad() {
super.viewDidLoad()
//SWIFT2
/*
let toolBar = UIToolbar().ToolbarPiker(#selector(MyViewController.dismissPicker))
*/
// Swift3 - 4
let toolBar = UIToolbar().ToolbarPiker(mySelect: #selector(MyViewController.dismissPicker))
myTextField.inputAccessoryView = toolBar
}
// Swift 2 - 3
func dismissPicker() {
view.endEditing(true)
}
// Swift 4
@objc func dismissPicker() {
view.endEditing(true)
}
斯威夫特5
如果您只想在DatePicker上单击“完成”按钮,请使用我的代码
//Write toolbar code for done button
let toolBar = UIToolbar()
toolBar.barStyle = .default
toolBar.isTranslucent = true
let space = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
let doneButton = UIBarButtonItem(title: "Done", style: .done, target: self, action: #selector(onClickDoneButton))
toolBar.setItems([space, doneButton], animated: false)
toolBar.isUserInteractionEnabled = true
toolBar.sizeToFit()
dobTF.inputAccessoryView = toolBar //Change your TextField name here
@objc func onClickDoneButton() {
self.view.endEditing(true)
}
很好的解决方案。关于swift 3代码的一个小更正:let toolBar=UIToolbar()#selector@JUL2791在前面的代码myTextField.inputView=myPikerView之后,例如,在UITextField(myTextField)的内部编辑确实开始了功能我想在点击按钮时显示选择器,并在从选择器中选择后将其分配给按钮标题。因此inputAccessoryView对UIButton不起作用。还有其他解决方案吗?在Swift 5中,结合以上对Swift 5的回答
//Write toolbar code for done button
let toolBar = UIToolbar()
toolBar.barStyle = .default
toolBar.isTranslucent = true
let space = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
let doneButton = UIBarButtonItem(title: "Done", style: .done, target: self, action: #selector(onClickDoneButton))
toolBar.setItems([space, doneButton], animated: false)
toolBar.isUserInteractionEnabled = true
toolBar.sizeToFit()
dobTF.inputAccessoryView = toolBar //Change your TextField name here
@objc func onClickDoneButton() {
self.view.endEditing(true)
}
@IBOutlet weak var txtDate: UITextField!
override func viewDidLoad() {
super.viewDidLoad()
//Write toolbar code for done button
let toolBar = UIToolbar()
toolBar.barStyle = .default
toolBar.isTranslucent = true
let space = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
let doneButton = UIBarButtonItem(title: "Done", style: .done, target: self, action: #selector(onClickDoneButton))
toolBar.setItems([space, doneButton], animated: false)
toolBar.isUserInteractionEnabled = true
toolBar.sizeToFit()
txtDate.inputAccessoryView = toolBar //Change your TextField name here
let datePickerView = UIDatePicker()
datePickerView.datePickerMode = UIDatePicker.Mode.date
txtDate.inputView = datePickerView
datePickerView.addTarget(self, action: #selector(handleDatePicker(sender:)), for: UIControl.Event.valueChanged)
}
@objc func onClickDoneButton() {
self.view.endEditing(true)
}
@objc func handleDatePicker(sender: UIDatePicker) {
let dateFormatter = DateFormatter()
dateFormatter.dateFormat = "yyyy-MM-dd"
txtDate.text = dateFormatter.string(from: sender.date)
}