Pickers

Date picker

Usage

Use .datepicker-adv to apply material date picker styles, then activate the datepicker via simple javascript, for example: $('#selector').datepicker();

<input class="datepicker-adv form-control" id="selector" type="text">

$('#selector').datepicker();

Date picker

Options

Alternatively, options can be passed to override some default date picker settings:

• format to change date format
• selectMonths and selectYears to hide/show dropdown menus for picking month and year. The number of years to be shown in the dropdown can also be specified using an even integer.

<input class="datepicker-adv form-control" id="selector" type="text" value="01-Jan-2010">

$('#selector').datepicker({
    format: "dd-mmm-yyyy",
    selectMonths: true,
    selectYears: 30
});