Para deshabilitar un selector de fecha en jQuery UI, usaremos el método de deshabilitación() que se analiza a continuación:
El método jQuery UI disabled() se usa para deshabilitar el selector de fechas.
Sintaxis:
$( ".selector" ).datepicker( "disable" )
Parámetros: este método no acepta ningún parámetro.
Valores devueltos:
Enfoque: Primero, agregue los scripts jQuery UI necesarios para su proyecto.
<<enlace href = «https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css» rel = «hoja de estilo»> <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>
Ejemplo:
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>
Producción: