blaisefonseca / jquery-year-select

Simple Jquery plugin for year select

jquery-year-select

Simple Jquery plugin for year select

Install

npm i jquery-year-select

How to use

Once installed it is very easy to use.

Create the element in HTML

<select class="yearselect"></select>

Integrate the plugin

####Include the Jquery libray

<scipt src="https://code.jquery.com/jquery-2.2.3.min.js"
                integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo="
                crossorigin="anonymous"></script>

####Include the plugin

<script src="path/to/plugin/jquery-year-select/lib/year-select.js></script">

####And ready to go

<script type="text/javascript">
    $('.yearselect').yearselect();
</script>

Options

• start:
  • Set the year where to start
  • Default: 1970

---

• end:
  • Set the year where to end
  • Default: new Date().getFullYear(),

---

• step:
  • Number of interval between years
  • Default: 1,

---

• order:
  • Defines the order of years rendered
  • 'asc|ASC': Ascending|From lowest to highest
  • 'desc|DESC': Descending|From highest to lowest
  • Default: 'asc',

---

• selected:
  • Set the selected year
  • Default: null

Integrate with other plugin

Like Select2 Plugin

YearSelect plugin returns the element so that it can be chained with other plugins.

$('element').yearselect().select2();

If you want to style the select element, you can use other plugin just like the above code with select2 plugin