jQueryDatePicker

Simple javascript date range picker. Work with moment.js See demo

Available params

{
    type: 'date', // || rangedate
    startDate: moment(), //startDate
    endDate: moment(), //endDate
    locale: 'ru',
    format: 'YYYY.MM.DD', //Display date format
    delimiter: '-', // display visual delimiter for rangedate type picker
    ranges: [], //ranges
    minDate: null, //min date
    maxDate: null, //max date
    modalMode: false, //display center on screen
    firstDayOfWeek: moment.localeData().firstDayOfWeek(),
    onShow: () => {},
    onHide: () => {}
}

Example init

$('#singleDateRange').DatePicker({
    startDate: moment()
});

$('#modalMode').DatePicker({
    startDate: moment(),
    modalMode: true
});

$('#rangedate').DatePicker({
    type: 'rangedate',
    startDate: moment().subtract(1, 'week'),
    endDate: moment(),
    ranges: [{
        label: "",
        startDate: moment().subtract(1, 'day'),
        endDate: moment().subtract(1, 'day')
    }, {
        label: '',
        startDate: moment().startOf('week'),
        endDate: moment()
    }, {
        label: '2 ',
        startDate: moment().startOf('week').subtract(1, 'week'),
        endDate: moment()
    }, {
        label: '',
        startDate: moment().startOf('month'),
        endDate: moment()
    }, {
        label: ' ',
        startDate: moment().startOf('month').subtract(1, 'month'),
        endDate: moment().startOf('month')
    }, {
        label: '',
        startDate: moment().startOf('month').subtract(4, 'month'),
        endDate: moment().startOf('month')
    }, {
        label: '',
        startDate: moment().startOf('year'),
        endDate: moment().startOf('moth')
    }]
});