How to Disable an datepicker in jQuery UI ? Last Updated : 27 Jan, 2021 Comments Improve Suggest changes Like Article Like Report To disable a datepicker in jQuery UI we will be using disable() method which is discussed below: jQuery UI disable() method is used to disable the datepicker. Syntax: $( ".selector" ).datepicker( "disable" )Parameters: This method does not accept any parameters. Return 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: 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("disable"); }); </script> </head> <body> <p>Enter Date: <input type="text" id="gfg" /></p> </body> </html> Output: Comment More infoAdvertise with us Next Article How to Disable an datepicker in jQuery UI ? T taran910 Follow Improve Article Tags : Web Technologies HTML JQuery jQuery-UI Similar Reads How to destroy a datepicker in jQuery UI ? To destroy a datepicker in jQuery UI, we will be using destroy() method. jQuery UI destroy() method is used to remove the complete functionality of the datepicker(). Syntax: $(".selector" ).datepicker( "destroy" ) Parameters: This method does not accept any parameters. Return values: This method sim 1 min read How to Disable a Button in jQuery UI ? To disable a button in jQuery UI, we will be using disable() method which is discussed below: jQuery UI disable() method is used to completely disable the button. It returns the button element completely to its initial state. Syntax: $(".selector").button("disable") Parameters: This method does not 2 min read jQuery UI Datepicker isDisabled() 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 i 1 min read How to Change Date Format in jQuery UI DatePicker ? In this article, we are going to learn about the Datepicker in jQuery. jQuery is the fastest and lightweight JavaScript library that is used to simplify the interactions between an HTML/CSS document, or more precisely the Document Object Model (DOM), and JavaScript. jQuery is widely famous for its m 2 min read jQuery UI Datepicker dialog() 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. jQueryUI Datepickers widget allows users to enter dates easily and visually. In this article, we will use jQuery UI Datepicker dialog 2 min read Like