Show only Month and Year in Date Picker in Xamarin Forms

Question

I need to allow user to enter their credit card expiration date. For this I have to show them date picker with only month and year options. I am using format="MM-yyyy", but no luck. Can anyone help me ? Thanks.

score 1 · Answer 1 · edited May 23 '17 at 10:34

1

As mentioned here:

No, this cannot be done using the stock UIDatePicker

As such, you'll have to make your own Xamarin Forms control, and implement it on each platform. Meaning you'll have to use a default UiPickerView on iOS, and the equivalent on Android (and Windows Phone?).

edited May 23 '17 at 10:34

Community

1
1

answered Jun 24 '16 at 14:45

Falgantil

1,290
12
27

Unfortunately my target is Windows phone only :( – Gans Jun 24 '16 at 14:58
If it is solely a Windows Phone, then why are you making a Xamarin Forms app? – Falgantil Jun 24 '16 at 14:59
Right now our target is only Windows phone but after our first release we should target Android and ios too – Gans Jun 24 '16 at 15:25
@Gans Wow we usually do the exact opposite. Any specific reason why you are doing it that way? Just curious. – hvaughan3 Jun 24 '16 at 17:04
Perhaps they're a company that has WP company phones? In any case, my answer still stands. You need to make a custom control, and create the renderers yourself. – Falgantil Jun 24 '16 at 20:33
@hvaughan3 - I actually do Windows Phone first because the development experience is soooo much better. Then with transferring to iOS and Android it is only UI issues to deal with. – Adam Jun 25 '16 at 10:33

score 0 · Answer 2 · answered Jun 25 '16 at 10:40

It would be a pain to customize each platform this. What I would recommend is to provide 2 regular text pickers, one with 01 - 12 or Jan - Dec whichever you prefer and the other with the next 20 years listed from today's year, so it dynamically updates as times goes on.

Side Note: 20 years seems to be the max most credit card providers would ever go, Amazon only goes to +20, but just letting you know there isn't a hard limit so there is a small possibility it could go further but very unlikely.

score 0 · Answer 3 · answered Jun 25 '16 at 18:48

0

You should customise a UIPickerView to use two components and populate its rows with month and year symbols retrieved from NSDateFormatter. Hope that works out for you!

answered Jun 25 '16 at 18:48

Imdad

769
1
11
31

score 0 · Answer 4 · answered Feb 09 '23 at 00:34

0

You only need to type this:

<DatePicker Format="MM/yyyy" />

^^

answered Feb 09 '23 at 00:34

Tathata

29
2

Show only Month and Year in Date Picker in Xamarin Forms

4 Answers4

Linked