Comment désactiver la saisie manuelle pour le champ jQuery UI Datepicker? [dupliquer]

cette question a déjà une réponse ici:

j'ai décidé d'utiliser le script jQuery UI pour choisir les dates. Ci-dessous fait partie de mon code, et la façon dont je l'ai intégré dans ma page 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>

et:

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

D'après les instructions de jQuery.

maintenant ma question Est: Comment puis-je désactiver les entrées manuelles dans le champ d'entrée de texte ? Je veux seulement que le script jQuery Datepicker puisse remplir le champ de texte. Pour autant que je puisse voir, le script empêche actuellement l'utilisateur d'entrer des caractères non numériques dans le champ de texte, mais toute combinaison de les nombres sont permis (par conséquent, le charabia comme "95460829468" est permis).

86
demandé sur Michael Irigoyen 2010-11-12 15:21:17

2 réponses

lorsque vous faites la saisie, définissez-la en lecture seule.

<input type="text" name="datepicker" id="datepicker" readonly="readonly" />
222
répondu Matthew Jacobs 2010-11-12 12:31:55

je pense que vous devriez ajouter style= "background: white; "

<input type="text" size="23" name="dateMonthly" id="dateMonthly" readonly="readonly"   style="background:white;"/>
23
répondu Karim Samir 2013-01-02 20:04:10