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 management 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! |