$(".ui-datepicker-trigger").attr('disabled',true);
Estoy tratando de desactivar el botón Imagen algo como esto .. pero no su trabajoCómo desactivar la imagen utilizando el nombre de clase .. usando jQuery
pero si lo hago su trabajo
$(".ui-datepicker-trigger").hide(); ocultar es wokring pero desactivado no funciona?
¿alguien puede decirme?
gracias
selector de fechas ha incorporado un disable method para ello se puede utilizar, que también desactiva la entrada de texto, así:
$("#datepicker").datepicker("disable");
You can view a demo here, es necesario utilizar este método si es posible, debido a que la datepicker rastrea realmente lo que está deshabilitado internamente, you can see the source code here.
La alternativa sería manualmente .unbind() el clic de esa imagen, así:
$(".ui-datepicker-trigger").css({opacity:'0.5',cursor:'default'}).unbind('click');
You can see a demo of that here, la parte .css() es sólo para darle un poco de estilo "desactivado" :)
he añadido el img y limitan un controlador de clic usando jQuery. Entonces, cuando desactivo todo lo demás, también desabrocho ese manejador de clic para que el botón de imagen ya no funcione. De todos modos, aquí hay un ejemplo de trabajo actualizado. Probé esto en IE y FF. Déjame saber como va.
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(event){
alert("you clicked the link, everything should be disabled now.");
$(".ui-datepicker-trigger").attr('disabled',true);
$("img.ui-datepicker-trigger").unbind('click');
});
// add a click handler for the img element
$("img.ui-datepicker-trigger").bind('click', function() {alert('clicked the img');});
});
</script>
</head>
<body>
<button class="ui-datepicker-trigger">Disable Everything</button>
<br/>
<input type="text" id="txt1" class="ui-datepicker-trigger" value="textbox 1"></input>
<img class="ui-datepicker-trigger" src="calendar.jpg" alt="..." title="..." style="display: inline;">
</body>
</html>
Gracias –
user354625
He editado la respuesta original. Creo que nos estamos acercando. – dhillis
si alguien está tratando de OCULTAR el botón al lado del selector de fecha, use la opción: 'showOn': 'focus' en el objeto que envía al constructor al llamar al objeto Datepicker. Mire aquí: http://api.jqueryui.com/datepicker/#option-showOn
Super cool .... (y) –