openElement

jj-mm-aaaa

   Bonjour,

Toujours dans les finitions du site que je développe, j'aimerais savoir s'il serait possible de désactiver la saisie de texte (sur PC) et l'apparition du clavier virtuel (sur Androïd, etc..) d'un champ de formulaire, en l’occurrence un champ de date qui sera gérer par l'apparition d'un calendrier (DatePickr.js).
Donc, empêcher la saisie libre, tout en autorisant le clic sur la zone (à la souris ou au doigt) pour déclencher l'apparition du DatePicker qui renseignera le champ de la date.
(L'option "lecture seule" ne permettant pas le clic...)

Merci !

--> https://www.domaine-des-hugaux.com/TEST/reservation.htm

_______________________________________________________________

<link rel="stylesheet" type="text/css" href="Files/Other/jquery.datepickr.css" />
<script type="text/javascript" src="Files/Other/jquery.datepickr.min.js"></script>

<script type="text/javascript">
$(function() {
    $('.date :input').prop('id','Id_DatePickrElement'); // On attribut un id à l'inputbox
            new datepickr('Id_DatePickrElement', {
                dateFormat: 'jS F Y', /* Double anti-slash pour mettre du texte */
                weekdays: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'],
                months: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
                suffix: { 1: 'er' },
                defaultSuffix: '' /* suffix utilisé si aucun suffix 'th' */
            });
// Pour que le calendrier soit au premier plan
$('.calendar').css('z-index','100000');
 });
</script>
________________________________________________________________

Edité par Hobby001 - 19 Juil 2023 à 15:18

openElement

Saisie texte / clavier virtuel [Résolu]