Best Period Picker

selectSpinner jQuery plugin - Select with Spinner in one

For fast choose from a lot of data use this plugin, due to the fact that the choice to select the desired value, you can use the buttons - "up" and "down" to select the desired value, and very very fast

Download and Source

Example:

           

Use

  • Mousewheel
  • Button up and down
  • DropDown list
  • Drag&Drop spin buttons
  • Type a few characters

How it use

Plugin replaces simple «select» element

<select id="year"></select>

<select id="month">
 <option value="1">January</option>
 <option value="2">February</option>
 <option value="3">March</option>
 <option value="4">April</option>
 <option value="5">May</option>
 <option value="6">June</option>
 <option value="7">July</option>
 <option value="8">August</option>
 <option value="9">September</option>
 <option value="10">October</option>
 <option value="11">November</option>
 <option value="12">December</option>
</select>

And init plugin

$('select').selectspinner();

for (year = 1986;year<2020; year++) {
 years.push(year);
}

$('#year')
 .selectspinner('update', years)
 .on('change', function () {
  alert($(this).val())
 })
 .selectspinner('val', 1986);
comments powered by Disqus