🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Yet another jQuery date picker plugin which creates single or multi-viewed calendars for easier date or date range selection.

Date-Picker date-range

Documentation

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')     }] }); 

You May Also Like