3 ms·

I've been trying to figure out a good way to create a date picker for a user's birthdate, and coming up short. Most date pickers assume that the date is in the

I've been trying to figure out a good way to create a date picker for a user's birthdate, and coming up short. Most date pickers assume that the date is in the near future and that the "day of week" context (ie: tuesday) is useful to the user is selecting the date. Birthdays are the opposite. They are typically decades in the past, the user doesn't know or care what day of the week they are, and the user knows the numerical date by heart. The only things I've come up with are: 1) Text entry that attempts to accept different formats and displays the formatted parse of the format next to it. Decent on desktop, text entry on mobile is poor. 2) Big array of Years / Month / Day buttons. The possible range of years is limited (nobody alive was born in year 1200) to a little over 100, so this does scale. User simply needs to tap on the correct button 3 times, which is nice, but the picker takes up sooo much visual space.

brlewis 8y ago
Three inputs type="number"? https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA88BgCMYAPgA6dAASzhAJ2lz5C+EgkBNCA0WpBAeg0q16zYLJ0ADgFd4s+AE9rEALxSQdW7lERFnrK4Vh4gAIwAnAAMUYG4DAAeoQBMUWEAHIGGEkYmMvK5yvnqRaoFJgCyvPBYBsaaxeUWVnYOzq6h3r7+cSGeYXGJoWHJWTn1pgrGpeUzasKaACIMTnV5ZeY5LfaOLu6eXX4BIEF94YNJngDMAyfZuQ2qhSq5YpIynJAwCGS8VOhhKKoMJhEAAX0I9CYLHQGAAVlRiDw+BABOhwZCvNDWBhYGBEVxqqj4KxwQBdMFAA https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMY...
ummonk 8y ago
1) Text entry that attempts to accept different formats and displays the formatted parse of the format next to it. Decent on desktop, text entry on mobile is poor. Why not the standard MMDDYYYY (or DDMMYYYY depending on localization) format (with intervening static / /) that every credit card or user information form uses? Number entry on mobile is very easy.
kalleboo 8y ago
On iOS, using the date input field gives you the date wheels which work well https://docs.microsoft.com/en-us/xamarin/ios/user-interface/controls/picker-images/image9.png https://docs.microsoft.com/en-us/xamarin/ios/user-interface/... On desktop the standard for forms seems to be either 3 text fields (Y/M/D) or 3 dropdowns with the possible Y/M/D numbers in them

brlewis 8y ago

Three inputs type="number"? https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA88BgCMYAPgA6dAASzhAJ2lz5C+EgkBNCA0WpBAeg0q16zYLJ0ADgFd4s+AE9rEALxSQdW7lERFnrK4Vh4gAIwAnAAMUYG4DAAeoQBMUWEAHIGGEkYmMvK5yvnqRaoFJgCyvPBYBsaaxeUWVnYOzq6h3r7+cSGeYXGJoWHJWTn1pgrGpeUzasKaACIMTnV5ZeY5LfaOLu6eXX4BIEF94YNJngDMAyfZuQ2qhSq5YpIynJAwCGS8VOhhKKoMJhEAAX0I9CYLHQGAAVlRiDw+BABOhwZCvNDWBhYGBEVxqqj4KxwQBdMFAA https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMY...

ummonk 8y ago

1) Text entry that attempts to accept different formats and displays the formatted parse of the format next to it. Decent on desktop, text entry on mobile is poor. Why not the standard MMDDYYYY (or DDMMYYYY depending on localization) format (with intervening static / /) that every credit card or user information form uses? Number entry on mobile is very easy.

kalleboo 8y ago

On iOS, using the date input field gives you the date wheels which work well https://docs.microsoft.com/en-us/xamarin/ios/user-interface/controls/picker-images/image9.png https://docs.microsoft.com/en-us/xamarin/ios/user-interface/... On desktop the standard for forms seems to be either 3 text fields (Y/M/D) or 3 dropdowns with the possible Y/M/D numbers in them