jQuery UI Datepicker onChangeMonthYear Option Last Updated : 19 Mar, 2021 Comments Improve Suggest changes Like Article Like Report jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Datepicker onChangeMonthYear option is called when the datepicker moves to a new month or year. The onChangeMonthYear option holds a function that receives the selected year, month (1-12), and the datepicker instance as parameters. Syntax: onChangeMonthYear: Function( Integer year, Integer month, Object inst ) { } CDN Link: First, add jQuery UI scripts needed for your project. <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.12.4.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> Example: HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link href= "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-1.10.2.js"> </script> <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"> </script> <script> $(function () { $("#gfg").datepicker({ changeMonth: true, changeYear: true, onChangeMonthYear: function (year, month, inst) { $(this).datepicker("setDate", month + '/1/' + year); } }); }); </script> </head> <body> <h1>GeeksforGeeks</h1> <h3>jQuery UI datepicker onChangeMonthYear Option</h3> <div>Enter Date: <input type="text" id="gfg" /></div> </body> </html> Output: Reference: https://api.jqueryui.com/datepicker/#option-onChangeMonthYear Comment More infoAdvertise with us Next Article jQuery UI Datepicker onChangeMonthYear Option P ppatelkap Follow Improve Article Tags : Web Technologies JQuery HTML-Tags jQuery-Methods jQuery-UI +1 More Similar Reads jQuery UI Datepicker monthNames Option jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. jQueryUI Datepickers widget in jQueryUI allow users to enter dates easily and visually. In this article we will see how to use monthN 1 min read jQuery UI datepicker onClose Option jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI datepicker onClose Option is called when the datepicker is closed, whether the date is selected or not. The onClose opt 1 min read jQuery UI Datepicker minDate Option jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Datepicker minDate option is used to set the minimum selectable date. If we set it to null, there is no minimum date. S 1 min read jQuery UI Datepicker monthNamesShort Option jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Datepicker monthNamesShort option is used to set the list of abbreviated month names. It is used in the month header on 1 min read jQuery UI Datepicker numberOfMonths Option jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. jQueryUI Datepickers widget in jQueryUI allow users to enter dates easily and visually. In this article we will see how to use number 1 min read Like