JavaScript RangeSelector

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

by jqwidgets

HTML

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

JavaScript

$("#rangeSelector").jqxRangeSelector({
    width: 500,
    height: 100,
    theme: 'energyblue',
    min: "June 15, 2013",
    max: "August 31, 2013",
    majorTicksInterval: "week",
    minorTicksInterval: "day",
    labelsFormat: 'dd',
    markersFormat: 'd',
    showGroupLabels: true
});