iOS Swift 3 - UIDatePicker

Question

我有一个显示日、月和年的 UIDatePicker。但是我不知道如何获取这些参数。

那么使用 Swift 3 从 UIDatePicker 获取日、月和年的最佳方法是什么？

Answer 1

创建 IBOutlet of UIDatePicker 并正确连接然后使用下面的代码获取日、月、年等。

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 2

假设如果你想在点击文本字段时显示 datePicker，当用户 select 从它那里获取某个日期时，它会自动填充到你的文本字段上。

 @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 的实例，它从日期选择器中选取日期并填充到您的文本字段中。

Answer 3

这个问题可以通过多种方式解决。如果您正在寻找仅使用代码的解决方案：

    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's value
        // You can access to it the following way
        print(sender.date)
    }
  }

另一种方式，如果您在 Interface Builder 中有 UIDatePicker。你几乎需要同样的东西，就像上面一样，但我的方式略有不同。在 Interface Builder 中单击您的 UIDatePicker：

您会在底部看到 Value Changed 选项。现在你抓住一个 IBAction 并拖到你的 viewController，然后像这样设置你的连接：

通过这种方式，您可以获得与第一个示例相同的效果，因为您最终得到的功能几乎相同：

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

Answer 4

在 Swift 3 中，您可以像这样使用 DateComponents。

首先为 .valueChanged 个事件在 datepicker 上添加操作。

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

然后在操作中使用 DateComponents 获取选定的日、月和年。

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

Answer 5

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()
}

Answer 6

UIDatePicker in Swift 3 和 Swift 4 示例。

在Swift3中可以使用

在 swift3
拖动文本字段并连接到 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 Link:https://github.com/enamul95/DatePicker1

在 Swift 4 或 5 中你可以使用下面的代码

 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 7

Swift 5 个用户可以尝试这个对我有用

import UIKit

class FreeCallsViewController: UIViewController {

@IBOutlet weak var dateTextField: UITextField!

let datepicker = UIDatePicker()

override func viewDidLoad() {
    super.viewDidLoad()

    // Do any additional setup after loading the view.
}

@IBAction func calenderButtonPressed(_ sender: UIButton) {
    self.createDatePicker()
}

func createDatePicker() {
    let toolbar = UIToolbar()
    toolbar.sizeToFit()
    
    let donebtn = UIBarButtonItem(barButtonSystemItem: .done, target: nil, action: #selector(donepressed))
    
    toolbar.setItems([donebtn], animated: true)
    
    dateTextField.inputAccessoryView = toolbar
    
    dateTextField.inputView = datepicker
    
    datepicker.datePickerMode = .date
}
@objc func donepressed() {
    let dateformator = DateFormatter()
    
    dateformator.dateStyle = .medium
    dateformator.timeStyle = .none
    
    
    
    dateTextField.text = dateformator.string(from: datepicker.date)
    self.view.endEditing(true)
}

}

Answer 8

Swift 5.0+

I hope it will work for you, Enjoy!

import UIKit

protocol SKUIDatePickerDelegate:class {
    func getDate(_ sKUIDatePicker:SKUIDatePicker, date:String)
    func cancel(_ sKUIDatePicker:SKUIDatePicker)
}

class SKUIDatePicker:UIView {
    
    private let datePicker = UIDatePicker()
    private var dateFormate = "yyyy/mm/dd"
    weak var delegate:SKUIDatePickerDelegate?
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        // self.frame = UIScreen.main.bounds
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    func showDatePicker(txtDatePicker:UITextField){
        //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:       UIBarButtonItem.SystemItem.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 = dateFormate
        let result = formatter.string(from: datePicker.date)
        self.delegate?.getDate(self, date: result)
        
    }
    
    @objc func cancelDatePicker(){
        self.delegate?.cancel(self)
    }
    
}

Usage

class ViewController: UIViewController,SKUIDatePickerDelegate {
    //Text Field Connection
    @IBOutlet weak var txtDatePicker: UITextField!
    
    private var skUIdatePicker:SKUIdatePicker?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        skUIdatePicker = SKUIdatePicker()
        skUIdatePicker.delegate = self
        skUIdatePicker.showDatePicker(txtDatePicker:txtDatePicker)
    }
    
    func getDate(_ sKUIDatePicker:SKUIDatePicker, date:String) {
        print(date)
        self.view.endEditing(true)
    }
    func cancel(_ sKUIDatePicker:SKUIDatePicker){
        self.view.endEditing(true)
    }
}

iOS Swift 3 - UIDatePicker

iOS Swift 3 - UIDatePicker

uidatepicker

ios

swift

swift3