Grid View - Filtering Date Range Header Filter

The DevExpress ASP.NET MVC GridView provides a powerful data filtering mechanism allowing end-users to filter dates.

A date column's dropdown header filter displays a date editor (date range picker or calendar) and a list of predefined date periods. End-users can filter the records stored in the underlying dataset by selecting the values displayed within the dropdown.

Header filter dropdown buttons are disabled by default. You can display filter buttons either for for all columns (by enabling the grid's Settings.ShowHeaderFilterButton property) or for individual columns (by enabling a column's AllowHeaderFilter property).

To specify a date editor that is displayed in the dropdown, set the column's SettingsHeaderFilter.Mode property to one of the following values.

• DateRangeCalendar – a calendar is displayed in the filter dropdown. The calendar settings can be customized using the SettingsHeaderFilter.DateRangeCalendarSettings property.
• DateRangePicker – a date range picker is displayed in the filter dropdown. The editors' settings can be customized using the SettingsHeaderFilter.DateRangePickerSettings property.