Basic Date Pickers

A date picker has to be activated via JavaScript. N.B. Date picker requires material.js or material.min.js. and .datepicker.

A basic example:

Customised Date Pickers

Alternatively, options can be passed on to override some default datepicker behaviours. Need to add .customised_datepicker.

A customised date picker:

Date Limit using boolean or integers

Maximum and minimum selectable dates can be set on the picker. Need to add boolean or integers values for max or min variables.

Using boolean or integers:

Date Limit using Javascript Date

Maximum and minimum selectable dates can be set on the picker. Need to add values in javaScript date function for max or min variables.

Using Javascript Date:

Using [YEAR,MONTH,DATE]:

Need to add disable: [ ... ] attribute with date in Javascript code.

Using JavaScript date or [YEAR,MONTH,DATE]:

Date Limit using Javascript Date

Need to add disable: [ ... ] attribute with integer values as days of the week in Javascript code.

Using integers as days of the week:

Using objects as a range of dates

Need to add disable: [ ... ] attribute with object as a range of dates in Javascript code.

Using objects as a range of dates:

The values can also be integers representing dates relative to the other:

Need to add disable: [ ... ] attribute with negative value of range from the date in Javascript code.

from can only be negative:

The values can also be integers representing dates relative to the other:

Need to add disable: [ ... ] attribute with positive value of range from the date in Javascript code.

from can only be positive: