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