jQuery RangeSelector

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

by Hristo Hristov

HTML

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

JavaScript

$("#rangeSelector").jqxRangeSelector({
         width: 1900,
         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, 1, 0, 0, 0),
             to: new Date(2014, 2, 10, 0, 0, 0)
         },
         majorTicksInterval: {
             years: 1
         },
         minorTicksInterval: {
             days: 1
         },
         labelsFormat: 'yyyy',
         markersFormat: 'dd MM yyyy',
         snapToTicks: false,
         showMinorTicks: true
     });