如何显示日期选择器的文本框

Question

当点击这是我的代码

- @IBOutlet weak var txt1: UITextField! 

    @IBOutlet weak var txt2: UITextField! 

    @IBOutlet weak var txt3: UITextField! 

    @IBOutlet weak var txt4: UITextField! 

    @IBOutlet weak var txt5: UITextField! 

    @IBOutlet weak var txt6: UITextField! 

    @IBOutlet weak var txt7: UITextField! 

    @IBOutlet weak var picker: UIPickerView! 


    var category = ["Male", "Female", "Others"] 

    let datePicker = UIDatePicker() 

    override func viewDidLoad() { 
     super.viewDidLoad() 
     // Do any additional setup after loading the view, typically from a nib. 

     picker.isHidden = true 

     txt3.delegate = self 

     self.txt3.inputView = picker 

     //txt3.inputView = category[row] 
    } 

    // returns the # of rows in each component.. 
    func pickerView(pickerView: UIPickerView!, numberOfRowsInComponent component: Int) -> Int{ 
     return category.count 
    } 

    func pickerView(pickerView: UIPickerView!, titleForRow row: Int, forComponent component: Int) -> String! { 
     return category[row] 
    } 

    func pickerView(pickerView: UIPickerView!, didSelectRow row: Int, inComponent component: Int) 
    { 
     txt3.text = category[row] 
     // category.isHidden = true; 
    } 

    func textFieldShouldBeginEditing(textField: UITextField) -> Bool { 
     if textField == txt3 { 
      //resignFirstResponder() 
      //picker.isHidden = true 
       } 
     return true 
     } 
    } 


    @IBAction func txt3(_ sender: Any) { 
     func showDatePicker(){ 
      //Formate Date 
      datePicker.datePickerMode = .date 


      //ToolBar 
      let toolbar = UIToolbar(); 
      toolbar.sizeToFit() 

      //done button & cancel button 
      let doneButton = UIBarButtonItem(title: "Done", style: UIBarButtonItemStyle.bordered, target: self, action: 
    Selector(("donedatePicker"))) 
      //let spaceButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.flexibleSpace, target: nil, action: nil) 
      // let cancelButton = UIBarButtonItem(title: "Cancel", style: UIBarButtonItemStyle.bordered, target: self, action: 
    Selector("cancelDatePicker")) 
      toolbar.setItems([doneButton], animated: false) 

      // add toolbar to textField 
      txt3.inputAccessoryView = toolbar 
      // add datepicker to textField 
      txt3.inputView = datePicker 

     } 

     func donedatePicker(){ 
      //For date formate 
      let formatter = DateFormatter() 
      formatter.dateFormat = "dd/MM/yyyy" 
      txt3.text = formatter.string(from: datePicker.date) 
      //dismiss date picker dialog 
      self.view.endEditing(true) 
     } 

     func cancelDatePicker(){ 
      //cancel button dismiss datepicker dialog 
      self.view.endEditing(true) 
     } 

    override func didReceiveMemoryWarning() { 
     super.didReceiveMemoryWarning() 
     // Dispose of any resources that can be recreated. 
    } 

块引用

Answer 1

override func viewDidLoad(){ 
    super.viewDidLoad() 
    picker.isHidden = true 
    txt3.delegate = self 
    //self.txt3.inputView = picker // don't do this 
    self.txt3.inputView = datePicker // do like this. 
    let doneButton = UIBarButtonItem(title: "Done", style: UIBarButtonItemStyle.plain, target: self, action: #selector(self.doneButton)) 
    let spaceButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.flexibleSpace, target: nil, action: nil) 

    let cancelButton = UIBarButtonItem(title: "Cancel", style: UIBarButtonItemStyle.plain, target: self, action: #selector(self.doneButton) 
    toolBar.setItems([cancelButton, spaceButton, doneButton], animated: false) 
    toolBar.isUserInteractionEnabled = true 
    txt3.inputAccessoryView = toolBar 

} 

func doneButton(){ 
    let selectedDate = datePicker.date 
    print(selectedDate) 
    txt3.resignFirstResponder() 
} 

它会自动打开日期选择器。

Answer 2

txt3.inputView = picker 

，并删除

picker.isHidden = true 

这应该是诀窍！

Answer 3

第一，你加这个..

txt3.inputView = picker 

然后添加

func textFieldShouldBeginEditing(textField: UITextField) -> Bool { 
    if textField == txt3 { 
      picker.isHidden = false 
    } 
    else { 
     picker.isHidden = true 
    } 
    return true 
}