How to sort by Date with DataTables jquery plugin?

by

Date Sort – with a hidden element

Convert the date to the format YYYYMMDD and prepend to the actual value (MM/DD/YYYY) in the <td>, wrap it in an element, set style display:none; to the elements. Now the date sort will work as a normal sort. The same can be applied to date-time sort.

HTML

<table id="data-table">
   <tr>
     <td><span>YYYYMMDD</span>MM/DD/YYYY</td>
   </tr>
</table>

CSS

#data-table span {
    display:none; 
}

More Related Contents:

  1. jQuery Validate – require at least one field in a group to be filled
  2. jQuery UI Autocomplete widget search configuration
  3. Set width of a “Position: fixed” div relative to parent div
  4. How to Extend Twitter Bootstrap Plugin
  5. Remember which tab was active after refresh
  6. How can I display a tooltip on an HTML “option” tag?
  7. jQuery multiselect drop down menu
  8. When using Ajax with jQuery DataTables, how do I determine what to do with the data returned?
  9. jQuery: How can I show an image popup onclick of the thumbnail?
  10. Can jQuery add commas while user typing numbers?
  11. jQuery DataTables: control table width
  12. How to move child element from one parent to another using jQuery [duplicate]
  13. jQuery file upload: Is it possible to trigger upload with a submit button?
  14. Detect page change on DataTable
  15. jQuery datepicker- 2 inputs/textboxes and restricting range
  16. How can I check if a jQuery plugin is loaded?
  17. How to export all rows from Datatables using Ajax?
  18. DataTables – Not working when added colspan for the last column
  19. How can I remove the search bar and footer added by the jQuery DataTables plugin?
  20. Validating array inputs using jquery validation plugin
  21. How to use Plugins for PopUp [closed]
  22. Change Placeholder Text using jQuery
  23. How add spaces between Slick carousel item
  24. Datatables warning(table id = ‘example’): cannot reinitialise data table
  25. How to make datatable row or cell clickable?
  26. jQuery dataTable doesn’t show sort icon
  27. In-cell data bars in jqGrid – possible or not?
  28. How can I extend jQueryUI datepicker to accept an additional argument?
  29. Why return this.each(function()) in jQuery plugins?
  30. Override jQuery .val() function?

Leave a Comment