IOS Swift 3 - UIDatePicker

Question

I have UIDatePickerone that shows the day, month and year. But I do not know how to get these parameters.

So what is the best way to get the day, month, and year off UIDatePickerusing Swift 3?

Answer 1

In Swift 3, you can use DateComponentsthis as this path.

First add an action to datepickerfor events .valueChanged.

datepicker.addTarget(self, action: #selector(dateChanged(_:)), for: .valueChanged)

Then select the selected day, month, and year using DateComponentsin action.

func dateChanged(_ sender: UIDatePicker) {
    let componenets = Calendar.current.dateComponents([.year, .month, .day], from: sender.date)
    if let day = componenets.day, let month = componenets.month, let year = componenets.year {
        print("\(day) \(month) \(year)")
    }
}

Answer 2

UIDatePicker in Swift 3 and Swift 4 examples.

In Swift 3 you can use

• 3
• viewController

• ViewController ..

    class ViewController: UIViewController {
       //Text Field Connection
     @IBOutlet weak var txtDatePicker: UITextField!
     //Uidate picker
     let datePicker = UIDatePicker()
  
      override func viewDidLoad() {
      super.viewDidLoad()
     //show date picker
       showDatePicker()
    }
  
  
     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: "donedatePicker")
      let spaceButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.flexibleSpace, target: nil, action: nil)
     let cancelButton = UIBarButtonItem(title: "Cancel", style: UIBarButtonItemStyle.bordered, target: self, action: "cancelDatePicker")
     toolbar.setItems([doneButton,spaceButton,cancelButton], animated: false)
  
  // add toolbar to textField
  txtDatePicker.inputAccessoryView = toolbar
   // add datepicker to textField
  txtDatePicker.inputView = datePicker
  
     }
  
   func donedatePicker(){
    //For date formate
     let formatter = DateFormatter()
     formatter.dateFormat = "dd/MM/yyyy"
     txtDatePicker.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)
        }
     }
  

• github. github : https://github.com/enamul95/DatePicker1

  Swift 4

   class ViewController: UIViewController {
  
     @IBOutlet weak var txtDatePicker: UITextField!
    let datePicker = UIDatePicker()
  
    override func viewDidLoad() {
      super.viewDidLoad()
       showDatePicker()
    }
  
  
    func showDatePicker(){
      //Formate Date
      datePicker.datePickerMode = .date
  
     //ToolBar
     let toolbar = UIToolbar();
     toolbar.sizeToFit()
     let doneButton = UIBarButtonItem(title: "Done", style: .plain, target: self, action: #selector(donedatePicker));
     let spaceButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.flexibleSpace, target: nil, action: nil)
    let cancelButton = UIBarButtonItem(title: "Cancel", style: .plain, target: self, action: #selector(cancelDatePicker));
  
   toolbar.setItems([doneButton,spaceButton,cancelButton], animated: false)
  
    txtDatePicker.inputAccessoryView = toolbar
    txtDatePicker.inputView = datePicker
  
   }
  
    @objc func donedatePicker(){
  
     let formatter = DateFormatter()
     formatter.dateFormat = "dd/MM/yyyy"
     txtDatePicker.text = formatter.string(from: datePicker.date)
     self.view.endEditing(true)
   }
  
   @objc func cancelDatePicker(){
      self.view.endEditing(true)
    }
  }
  

Answer 3

, datePicker - , .

 @IBOutlet weak var dateTextField: UITextField!
let datePickerView:UIDatePicker = UIDatePicker()
        datePickerView.datePickerMode = UIDatePickerMode.date
        dateTextField.inputView = datePickerView
        datePickerView.addTarget(self, action: #selector(ViewController.datePickerValueChanged), for: UIControlEvents.valueChanged)

// Make a dateFormatter in which format you would like to display the selected date in the textfield.
func datePickerValueChanged(sender:UIDatePicker) {

        let dateFormatter = DateFormatter()

        dateFormatter.dateStyle = DateFormatter.Style.medium

        dateFormatter.timeStyle = DateFormatter.Style.none

        dateTextField.text = dateFormatter.string(from: sender.date)

    }

Sender.date, UIDatePicker, datepicker .

Answer 4

IBOutlet of UIDatePicker , , ect , , .

var comp = NSDateComponents()
@IBOutlet weak var datePicker: UIDatePicker!

override func viewDidLoad() {
    super.viewDidLoad()
    datePicker.addTarget(self, action: Selector("datePickerChanged:"), forControlEvents: UIControlEvents.ValueChanged)
}

func datePickerChanged(datePicker:UIDatePicker){
    let dateFormatter = NSDateFormatter()
    dateFormatter.dateStyle = NSDateFormatterStyle.ShortStyle
    dateFormatter.timeStyle = NSDateFormatterStyle.ShortStyle
    let cal = NSCalendar.currentCalendar()
    comp = cal.components([.Era, .Day, .Month, .Year, .Hour, .Minute] , fromDate: datePicker.date)

    // getting day, month, year ect
    print ("Era:\(comp.era) Date:\(comp.day) Month:\(comp.month) Month:\(comp.year) Hours: \(comp.hour) Minuts:\(comp.minute)")
}

Answer 5

. :

    class Foo: UIViewController {
        // Lets create your picker - Can be IBOutlet too
        lazy var datePicker: UIDatePicker = {
            let picker = UIDatePicker()
            picker.datePickerMode = .date
            return picker
        }()

    override func viewDidLoad() {
        super.viewDidLoad()
        //Observe the value changes in datePickerValueChanged function for example
        datePicker.addTarget(self, action: #selector(datePickerValueChanged), for: .valueChanged)
    }

    func datePickerValueChanged(sender: UIDatePicker) {
        // Function will be called every time picker changes it value
        // You can access to it the following way
        print(sender.date)
    }
  }

, UIDatePicker Interface Builder. , , -. UIDatePicker Builder:

Value Changed buttom. IBAction viewController :

, , , :

@IBAction func datePickerValueChanged(sender: UIDatePicker) {
    print(sender.date)
}

Answer 6

var picker = UIDatePicker()
picker = UIDatePicker()
textField.inputView = picker
picker.addTarget(self, action: #selector(ViewController.handleDatePicker), for: UIControlEvents.valueChanged)
picker.datePickerMode = .date

func handleDatePicker() {
    var dateFormatter = DateFormatter()
    dateFormatter.dateFormat = "dd-MM-yyyy"
    textfield.text = dateFormatter.string(from: picker.date)
    textfield.resignFirstResponder()
}