Site is currently down.

jQuery dataTables Plugin Date Range Example

This page serves as a demonstration of one way you can add date range filtering controls to a table already enhanced by the dataTables jQuery plugin. Use the date range controls to filter out some of the dates included in the table. The date controls themselves utilize the jQuery UI Datepicker plugin.

For more information on the specific dataTables function used to add the additional filtering method, visit: http://www.datatables.net/plug-ins/filtering.

Please view the source code to see what's going on under the hood: I documented it with comments to help explain.

Between and
Date Submitted Commenter Comment
09/05/2010 Donald Justice I'm really a big fan of the dataTables jQuery plugin. It's simple to set up for basic table managment yet provides you with the flexibility to do more complex tasks.
09/20/2010 Walter Fowler It never ceases to amaze me how easy it can be to build solid user interfaces when you have the right tools at your disposal.
10/13/2010 Ferris Butler I'm definitely going to check out this plugin.
10/29/2010 Lonnie Belfort Does anyone know if there's a way to configure dataTables so that it'll retain the current table state (the filter, the sorting) if you move to another page then come back to it?
11/05/2010 George Park Lonnie: Yes, there is a bStateSave boolean setting you can set to true to do that. It'll then save the current state of the table in a cookie.
12/06/2010 Lonnie Belfort Hey, George, thanks for the info!