DatePicker with empty option in iOS

Question

I want to use date picker with the empty option. Like if user don't want to select day, month or year there will be an option of "-"(empty).

Here is an image for better understanding

Here is an image for better understanding

That's not possible using UIDatePicker, instead you can use UIPickerView to get what you want. You can set custom titles using titleForRow function. — Meeran Tariq, Sep 11 '18 at 07:56
**Refer this one** https://stackoverflow.com/a/8501704/10150796 — Nikunj Kumbhani, Sep 11 '18 at 09:02

score 4 · Answer 1 · answered Sep 11 '18 at 09:11

You can't change the values of UIDatePicker. If you want custom values to be displayed on rows, you can use UIPickerView. Sample code for showing months along with "-" is:

let months: [String] = ["-" ,"January", "February", "March",
                        "April", "May", "June",
                        "July", "August", "September",
                        "October", "November", "December"]

let pickerView: UIPickerView = UIPickerView()

pickerView.delegate = self
pickerView.dataSource = self

func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
}

func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return months.count
}

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

func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
// do whatever you want when specific row is selected
}

score 1 · Answer 2 · answered Sep 11 '18 at 08:49

For such way you need to use not DATE PICKER VIEW for this way you can use Picker View, and manually setup date.

Ex:

var monthsArray = ["-", "May", "June", "...", "December"]
var yearsArray = ["-", "2018", "2017", "2016", "...."]
var daysArray = ["1", "2", "-", "3", "4"]

DatePicker with empty option in iOS

2 Answers2