1

Requirement in our app is to provide a UI control for user to select 'from' month/year and 'to' month/year over multiple year. With validations like 'to' month cann't be less than 'from' month.

Example:- User should be able to select Feb-2013 to Mar-2014 Or just Jun-2014 to Jun-2014, etc.

The most simple UI I can think of is by using four combo dropdown to select fromMonth, fromYear, toMonth and toYear.

Month and Year range selector

Some drawbacks of this patter are:-

  • User need to click 4 *2 = 8 times to select from and to.
  • Time period selection or magnitude is not intuitive, (No visual way to tell 6 months or full year is selected)
  • To know the full range of months and years available, user need to click all four combos.

Please let me know of any better UI pattern or controls for above requirements.

1

0

Browse other questions tagged or ask your own question.