jQuery UI Datepicker numberOfMonths Option Last Updated : 25 Feb, 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. jQueryUI Datepickers widget in jQueryUI allow users to enter dates easily and visually. In this article we will see how to use numberOfMonths option in jQuery UI Datepicker. The numberOfMonths option specifies the number of months to show in the jQuery UI datepicker. Syntax: $(".selector").datepicker( {numberOfMonths: 2} ); CDN Link: >First, add jQuery UI scripts needed for your project. <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> Example 1: 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> <!-- Javascript --> <script> $(function () { $("#gfg").datepicker({ dateFormat: "yy/dd/mm", numberOfMonths: 2 }); }); </script> </head> <h1>GeeksforGeeks</h1> <h3>jQuery UI | datepicker numberOfMonths option</h3> <body> <!-- HTML --> <p>Enter Date: <input type="text" id="gfg" /></p> </body> </html> Output: Reference: https://api.jqueryui.com/datepicker/#option-numberOfMonths Comment More infoAdvertise with us Next Article jQuery UI Datepicker numberOfMonths Option T taran910 Follow Improve Article Tags : Web Technologies HTML JQuery jQuery-UI 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 option() Method jQuery UI datepicker option(optionName, value) method is used to set the value of the button option associated with the specified optionName. Syntax: $( ".selector" ).datepicker( "option", "disabled", true )Parameters: optionName: Option to be checked.value: Value to be checkedReturn values: This me 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 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 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 Like