<ahref="http://twitter.com/share"class="twitter-share-button"data-url="https://github.com/nitinhayaran/jRange"data-text="jRange - jQuery plugin for Range Selector"data-count="none"data-via="nitinhayaran">Tweet</a>
<p>After this you'll have to intialize this plugin for that input, as shown in the example above</p>
<h2>Options</h2>
<h3>See configuration options</h3>
<p>Options can also be set programatically, by passing an options hash to the jRange method.
<tableclass="plugin-options"width='900'>
<tr>
<th>Option</th>
<thwidth="200">Override</th>
<th>Type</th>
<th>Details</th>
</tr>
<tr>
<td>from</td>
<td>Mandatory</td>
<td>Integer</td>
<td>Lower bound of slider</td>
</tr>
<tr>
<td>to</td>
<td>Mandatory</td>
<td>Integer</td>
<td>Upper bound of slider</td>
</tr>
<tr>
<td>step</td>
<td>Optional</td>
<td>Integer</td>
<td>
<code>Default : 1</code>
<p>amount of increment on each step</p>
</td>
</tr>
<tr>
<td>scale</td>
<td>Optional</td>
<td>Array</td>
<td>
<p>Array containing label which are shown below the slider. By default its [from, to].</p>
</td>
</tr>
<tr>
<td>showLabels</td>
<td>Optional</td>
<td>Boolean</td>
<td>
<p>False, if you'd like to hide label which are shown on top of slider.</p>
<code>Default : true</code>
</td>
</tr>
<tr>
<td>showScale</td>
<td>Optional</td>
<td>Boolean</td>
<td>
<p>False, if you'd like to hide scale which are shown below the slider.</p>
<code>Default : true</code>
</td>
</tr>
<tr>
<td>format</td>
<td>Optional</td>
<td>String / Function</td>
<td>
<p>this is used to show label on the pointer</p>
<code>Default : "%s"</code>
<p><code>String</code> : %s is replaced by its value, e.g., "%s days", "%s goats"</p>
<p>
<code>Function</code> : format(value, pointer)
<br>
<code>return</code> : string label for a given value and pointer. <br>
<code>pointer</code> could be 'low'/'high' if <code>isRange</code> is true, else undefined
</p>
</td>
</tr>
<tr>
<td>width</td>
<td>Optional</td>
<td>Integer</td>
<td>
<code>Default : 300</code>
</td>
</tr>
<tr>
<td>theme</td>
<td>Optional</td>
<td>String</td>
<td>
<code>Default : "theme-green"</code>
<p>This is the css class name added to the container. Available themes are "theme-blue", "theme-green". You can also add more themes, just like in <code>jquery.range.less</code></p>
</td>
</tr>
<tr>
<td>isRange</td>
<td>Optional</td>
<td>Boolean</td>
<td>
<code>Default : false</code>
<p>True if this is a range selector. If its a range the value of hidden input will be set comma-seperated, e.g., "25,75"</p>
<p><ahref="https://github.com/nitinhayaran/jRange">jRange</a> is authored and maintained by <ahref="https://github.com/nitinhayaran/">@nitinhayaran</a></p>
<p>
Released under the <ahref="http://www.opensource.org/licenses/mit-license.php">MIT