Im looking for some good patterns of how to filter date/time in a graph. It doesnt need to be specific dates, more like day, week, month. enter image description here

  • 2
    I think your question is not clear enough. Nov 14, 2011 at 23:23

1 Answer 1


Date selector

The normal approach is to provide 2 dates that may be set individually with a date selector or by entering the dates manually.

enter image description here
Se more examples here: http://ui-patterns.com/users/1/collections/553/entry/2964

Predefined ranges

In addition to these date fields, it is very handy to provide some predefined ranges. When the user selects one of these predefined suggestions, the date fields should be set to the correct dates to reflect the selection from the list.

The suggestions in this list depends on the purpose your product.

For reporting tools (eg. training log, working hours, phone call history):

  • Today
  • Yesterday
  • This week
  • Last week
  • This month
  • Last month

For planning tools (eg. traveling, TV-shows):

  • Today
  • Tomorrow
  • This weekend
  • Next Monday
  • Next Tuesday
  • Next Wednesday
  • Next Thursday
  • Next Friday

A weird proposal for some imaginary photo album software:

  • My wifes birthday ± 2 days
  • My kids birthday ± 2 days
  • My mothers birthday ± 2 days
  • Christmas eve
  • Thanksgiving
  • Halloween
  • The easter holidays
  • The winter holidays
  • The summer holidays
  • You could also scan for heavy activity and suggest those or suggest date ranges with discounts etc.
    – Barfieldmv
    Dec 2, 2011 at 13:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.