jQuery RangeSelector

Set the max property of the jqxRangeSelector. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="rangeSelector">
</div>

JavaScript

var curTime = new Date();
 var fromTime = new Date();
 fromTime.setDate(curTime.getDate() - 31);
 $("#rangeSelector").jqxRangeSelector({
     width: 500,
     height: 100,
     theme:'energyblue',
     min: fromTime,
     max: curTime,
     range: {
         from: fromTime,
         to: curTime
     },
     majorTicksInterval: {days:7}, 
     minorTicksInterval: { minutes: 30 }, 
     labelsFormat: 'dd',
     showGroupLabels: true,
     markersFormat: 'MM/dd/yyyy hh:mm'
 });