Handsontable

a minimalistic Excel-like data grid editor for HTML, JavaScript & jQuery

Date cell type

To trigger the Date cell type, use the option type: 'date' in columns array or cells function.

The Date cell uses jQuery UI Datepicker as the UI control. You can configure the datepicker by applying jQuery UI Datepicker API properties in the same columns array or cells function

Note that Date cell requires additional files in your <head>:

dist/jquery.handsontable.full.js
dist/jquery.handsontable.full.css
lib/jquery-ui/js/jquery-ui.custom.min.js
lib/jquery-ui/css/ui-bootstrap/jquery-ui.custom.css (or another theme of your choice)
lib/jquery-ui/css/ui-bootstrap/images/*.png

Edit in jsFiddle

For more examples, head back to the main page.