jQuery UI datepicker option() Method Last Updated : 02 Dec, 2021 Comments Improve Suggest changes Like Article Like Report 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 method returns an object value. Approach: 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> <script> $(function () { $("#gfg").datepicker(); $("#gfg").datepicker("option", "enable", true); }); </script> </head> <body> <p>Enter Date: <input type="text" id="gfg" /></p> </body> </html> Output: Example 2: 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(); $("#gfg").datepicker("option", "disabled", true); }); </script> </head> <body> <p>Enter Date: <input type="text" id="gfg" /></p> </body> </html> Output: Comment More infoAdvertise with us Next Article jQuery UI datepicker option() Method taran910 Follow Improve Article Tags : Web Technologies HTML JQuery jQuery-UI Similar Reads jQuery UI Datepicker show() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. jQuery UI Datepickers widget allows users to enter dates easily and visually. In this article, we will use the jQuery UI Datepicker s 1 min read jQuery UI Datepicker maxDate 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 maxDate option is used to set the maximum selectable date. If we set it to null, there is no maximum date. S 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 onSelect 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 onSelect Option is called when the datepicker option is selected. The onSelect option holds a function that 1 min read 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 nextText 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 nextTe 1 min read jQuery UI Datepicker setDate() Method jQuery UI datepicker setDate() method is used to set the date from the date field. The setDate method can be called by passing the default date you want to set. You can pass today as an argument to set the date with the current date. Syntax:$( ".selector" ).datepicker( "setDate" )Parameters:It accep 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 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 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