para - datepicker php

¿Cómo deshabilitar la entrada manual para el campo JQuery UI Datepicker?

Question

Esta pregunta ya tiene una respuesta aquí:

• jQuery Datepicker con entrada de texto que no permite la entrada del usuario 21 respuestas

Decidí usar el script JQuery UI Datepicker para elegir las fechas. A continuación se muestra parte de mi código y la forma en que lo integé en mi página PHP:

<link type="text/css" href="css/south-street/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Datepicker
$(''#datepicker'').datepicker({ dateFormat: ''yy-mm-dd'' });
//hover states on the static widgets
$(''#dialog_link, ul#icons li'').hover(
function() { $(this).addClass(''ui-state-hover''); },
function() { $(this).removeClass(''ui-state-hover''); }
);
});
</script>

Y:

 // date picker (embeds JQuery script)
echo ''<label for="datepicker">Date: </label>'';
echo ''<input type="text" name="datepicker" id="datepicker" />'';
echo ''<div id="datepicker"></div>'';

Bastante de acuerdo con las instrucciones de JQuery UI.

Ahora mi pregunta es: ¿cómo puedo deshabilitar las entradas manuales en el campo de entrada de texto ? Solo quiero que el script JQuery Datepicker pueda llenar el campo de texto. Hasta donde puedo ver, el script actualmente impide que el usuario ingrese caracteres no numéricos en el campo de texto, pero se permite cualquier combinación de números (por lo tanto, se permite un galimatías como "95460829468").

Answer 1

Creo que deberías agregar style = "background: white;" para hacer parece que es escribible

<input type="text" size="23" name="dateMonthly" id="dateMonthly" readonly="readonly" style="background:white;"/>

Answer 2

Cuando realice la entrada, configúrela para que sea de solo lectura.

<input type="text" name="datepicker" id="datepicker" readonly="readonly" />