How to Disable an datepicker in jQuery UI ?

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.

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:

Article Tags :

JQuery

Web Technologies

jQuery-UI