Skip to content
Year Picker jQuery plugin
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode First Commit Aug 24, 2018 Update Nov 16, 2018
index.html Fix configuration bugs Jun 12, 2019
jquery.min.js Rendering and Event finished. Sep 10, 2018
style.css Rendering and Event finished. Sep 10, 2018
yearpicker-v2.js javascript version Apr 29, 2019
yearpicker.css Fix configuration bugs Jun 12, 2019


YearPicker.js is a lightweight yet configurable year picker for jQuery that makes it easy to select a year from a popup similar to the date picker.

Add the class yearpicker

<input type="text" class="yearpicker" value="">

How do use yearpicker


All default options to customize the year picker


  // Auto Hide
  autoHide: true,

  // Initial Year
  year: null,

  // Start Year
  startYear: null,

  // End Year
  endYear: null,

  // Element tag
  itemTag: 'li',

  // Default CSS classes
  selectedClass: 'selected',
  disabledClass: 'disabled',
  hideClass: 'hide',
  highlightedClass: 'highlighted',

  // Custom template
  template: `<div class="yearpicker-container">
              <div class="yearpicker-header">
                  <div class="yearpicker-prev" data-view="yearpicker-prev">&lsaquo;</div>
                  <div class="yearpicker-current" data-view="yearpicker-current">SelectedYear</div>
                  <div class="yearpicker-next" data-view="yearpicker-next">&rsaquo;</div>
              <div class="yearpicker-body">
                  <ul class="yearpicker-year" data-view="years">
You can’t perform that action at this time.