jQuery RangeSelector

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

by Gary Geniesse

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

$("#rangeSelector").jqxRangeSelector({
         width: 300,
         height: 100,
         min: new Date(2014, 0, 1, 0, 0, 0),
         max: new Date(2020, 0, 1, 0, 0, 0),
         range: {
             from: new Date(2014, 0, 3, 0, 0, 0),
             to: new Date(2014, 0, 18, 0, 0, 0)
         },
         majorTicksInterval: {
             years: 1
         },
         minorTicksInterval: {
             months: 3
         },
         labelsFormat: 'yyyy',
         markersFormat: 'd',
         snapToTicks: false,
         showMinorTicks: true
     });