datepickr

Datepickr - The do it yourself date picker.

Datepickr is just a date picker. It makes as no assumptions how it's shown on the page. See demo.

• Need to show/hide it on an input field? Do it yourself.
• Need to have it insert one date after selection? Do it yourself.
• Need nice formatted dates after selection? Do it yourself.

Usage

<div id='datepickr'></div>

<script>
    var el = document.getElementById('datepickr');
    new Datepickr(el, function(res) {
       // console.log(res);
    });
</script>

API

new Datepickr(element, callback, options);

The callback returns an array of arrayed dates whenever a date is selected.

[
    [1412481600000,1],
    [1413864000000,1],
    [1413950400000,1],
    [1414468800000,1]
]

The first field value is a timestamp along with 1 or 0.5 depending on whether halfdays are enabled as an option or not.

Option	Default Value	Description
weekdays	An array of weekday strings in English	Option for translation
months	An array of month strings in English	Option for translation
startYear	Current year	Start the date picker on a particular year
startMonth	Current month	Start the date picker on a particular month
halfDay	false	Enables halfday selection of dates
omitPast	false	Prevent selecting days in the past
omitWeekends	false	Prevent selecting weekends
omitDays	Empty array	Pass a timestamp array of dates to prevent the selection of
activeDays	Empty array	Pass an array of arrayed dates ie. [[[1413950400000,1],[1414468800000,0.5] that are auto selected on load

To see examples of each option see the demos.

Use with node or browserify via npm install datepickr.

var datepickr = require('datepickr')

datepickr(el, function(res) {
  console.log(res);
});

Credits

Code originally based off of datepickr.