Year & Month Picker For jQuery UI Datepicker Widget

File Size: 6.39 KB
Views Total: 16767
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Year & Month Picker For jQuery UI Datepicker Widget

This is a jQuery month & year picker addon for jQuery UI datepicker widget that allows users to quickly select years and months by clicking the title of the date picker calendar.

How to use it:

1. To get started, include jQuery and jQuery UI on the html page.

<script src="" 
<link rel="stylesheet" href="" 
<script src="" 

2. Download and load the month & year picker addon's files after jQuery & jQuery UI.

<link href="jquery.ui.datepicker.monthyearpicker.css" rel="stylesheet">
<script src="jquery.ui.datepicker.monthyearpicker.js"></script>

3. The plugin will automatically add the month and year picker to the date picker on page load.

<h3>Date field</h3>
<input type="text" id="datepicker">

<h3>Inline datepicker</h3>
<div id="datepicker-inline"></div>

  $( "#datepicker-inline" ).datepicker({
    inline: true
  $( "#datepicker" ).datepicker();


This awesome jQuery plugin is developed by silverskater. For more Advanced Usages, please check the demo page or visit the official website.