Html Slider

Set the buttonsPosition property of the jqxSlider. Author: http://jqwidgets.com

HTML

<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">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id="jqxSlider"></div>

CSS

#firstDate{
  margin-left:55px;
  padding-left:55px;
}

JavaScript

$('#jqxSlider').jqxSlider({
          rangeSlider: true, min: 1985, max: 2016, values: [1985, 2016], 
          mode: "fixed", value: {rangeStart: 2010, rangeEnd: 2016 }, 
          width: 600, height: 60, showTickLabels: true, ticksFrequency: 5, ticksPosition: "bottom", 
          theme: "orange",
          tickLabelFormatFunction: function (value) { 
            		if(value === 1985) return '<span id="firstDate">1985</span>'
                return value;
            }
        });