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.
Local Copy of this Demo To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer. |
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxGridViewDemos |