Comment désactiver la saisie manuelle pour le champ jQuery UI Datepicker? [dupliquer]
cette question a déjà une réponse ici:
- Datepicker de jQuery avec la saisie de texte qui n'autorise pas la saisie de l'utilisateur 21 réponses
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).
2 réponses
lorsque vous faites la saisie, définissez-la en lecture seule.
<input type="text" name="datepicker" id="datepicker" readonly="readonly" />
je pense que vous devriez ajouter style= "background: white; "
<input type="text" size="23" name="dateMonthly" id="dateMonthly" readonly="readonly" style="background:white;"/>