title: How to use strings instead of numbers in a slider?
body: <p>I am using <a href="https://github.com/seiyria/bootstrap-slider" rel="nofollow noreferrer">bootstrap slider</a> and I am doing:</p>
  
  <pre><code>Days: &lt;b&gt;1&lt;/b&gt; &lt;input id="days" type="text" class="span2" value="" data-slider-min="1" data-slider-max="31" data-slider-step="1" data-slider-value="[0,31]"/&gt; &lt;b&gt;31&lt;/b&gt;
  </code></pre>
  
  <p>launching it with <code>$("#days").slider({});</code></p>
  
  <p>That works but what if I wanted to create a slider for months, using strings not numbers?</p>
  
  <pre><code>Months: &lt;b&gt;January&lt;/b&gt; &lt;input id="months" type="text" class="span2" value="" data-slider-min="0" data-slider-max="2017" data-slider-step="1" data-slider-value="[January, February, March]"/&gt; &lt;b&gt;March&lt;/b&gt;
  </code></pre>
  
  <p>launching it with <code>$("#months").slider({});</code></p>
  
  <p>That gives:  </p>
  
  <blockquote>
    <p>Error: Invalid input value '[January, February, March]' passed in</p>
  </blockquote>
  
  <p><a href="https://jsfiddle.net/jikupin/pz3ce0o6/1282/" rel="nofollow noreferrer">jsFiddle here</a></p>