. $("#rangeSelector").jqxRangeSelector({ width: 500, height: 100, min: new Date(2014, 5, 1), max: new Date(2014, 9, 1), range: { from: new Date(2014, 5, 1), to: new Date(2014, 6, 29), min: { days: 7 } }, majorTicksInterval: "week", minorTicksInterval: "day", labelsFormat: 'dd', markersFormat: 'd', showGroupLabels: true }); // create jqxButton. $("#submit").jqxButton(); $("#submit").click(function () { var months = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); var range = $("#rangeSelector").jqxRangeSelector("getRange"); var fromDate = range.from.getDate(); var fromMonth = range.from.getMonth(); var toDate = range.to.getDate(); var toMonth = range.to.getMonth(); $("#result").text("Vacation period selected: from " + months[fromMonth] + " " + fromDate + " to " + months[toMonth] + " " + toDate); }); });