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.
You can view a live demo and some examples of how to use the various options here.
<input type="text" class="yearpicker" value=""> $('.yearpicker').yearpicker() $('.yearpicker').yearpicker({ // 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">‹</div> <div class="yearpicker-current" data-view="yearpicker-current">SelectedYear</div> <div class="yearpicker-next" data-view="yearpicker-next">›</div> </div> <div class="yearpicker-body"> <ul class="yearpicker-year" data-view="years"> </ul> </div> </div> `, });