2010-04-09 10 views
12

He estado buscando una manera de hacer esto, pero no pudo encontrar nadagatillo jQueryUI selector de fechas en el botón de clic, envía resultado de campo de entrada desactivado

Quiero tener una:

  • Campo de texto de entrada deshabilitado, llamado #XX. Esta entrada almacenará el valor seleccionado de datepicker (ya que esta entrada está deshabilitada. No podré usar esto para activar el datePicker)

  • Botón, además de #XX. Cuando el usuario hace clic en este botón, se mostrará datePicker. El usuario seleccionará la fecha, y esta fecha se asignará a la entrada deshabilitada #XX.

Quiero este modo el usuario no puede cambiar manualmente -por tipificación crap- la fecha seleccionada

Además, debería validar si se introdujo fecha usando # XX.val()? ¿O hay un mejor camino?

Respuesta

9
<script type="text/javascript"> 
    $(function() { 
     $("#datepicker").datepicker({ 
      constrainInput: true, 
      showOn: 'button', 
      buttonText: 'Select...' 
     }); 
    }); 
</script> 
<input id="datepicker" disabled="disabled" /> 

Esto añadirá un botón al lado del campo de entrada, y desactivar al usuario de introducir texto en el campo ...

49

Puede mostrar un marcador de fecha que se haya adjuntado previamente a un elemento de entrada utilizando el método "mostrar".

$('#myButton').click(function() { 
    $('#myField').datepicker("show"); 
}); 
+0

Gracias, muy útil! – Enrique

+0

Gracias, esto me ayudó. –

+0

Gracias .. Esta es la respuesta que estoy buscando ... –

1

podría ser tarde, pero yo sólo hizo esto

$("#firstDate").datepicker({ 
    onSelect: function() { 
     myfunc(); 
    } 
}); 

$("#secondDate").datepicker({ 
    showOn: '' 
}); 

function myfunc(){ 
    var fDate = $('#firstDate'); 
    var sDate = $('#secondDate'); 
    sDate.val(fDate.val()); 
} 

No muestra el marcador de fecha haciendo clic en la entrada y no muestra el botón para mostrar el marcador de fecha. Desactivado no funciona en mi caso porque necesito extraer el valor de ese campo de entrada.

Cuestiones relacionadas