Affichage heure système dans un champ heure
Résolu
abirgl
Messages postés
147
Statut
Membre
-
abirgl Messages postés 147 Statut Membre -
abirgl Messages postés 147 Statut Membre -
Bonjour,
J'ai un formulaire qui contient deux champs heures (heure début et heure fin) je veux que l'heure système s'affiche automatiquement lorsque l'utilisateur clique sur le champ heure début, de même pour le champ heure fin, c à d , lorsque l'utilisateur clique sur heure debut à 9:15, le champ heure debut doit contenir 9:15, s'il clique sur le champ heure fin à 16:30, le champ heure fin doit contenir 16:30,
J'ai procédé comme suit :
Mais ceci affiche l'heure courante alors que j'ai besoin de l'heure pendant laquelle l'utilisateur fait son clic, ceci doit être fait en javascript je crois, quel est l'evennement que je dois appliquer sur un input type="time" et comment s'en sortir de ça ?
Merci d'avance
J'ai un formulaire qui contient deux champs heures (heure début et heure fin) je veux que l'heure système s'affiche automatiquement lorsque l'utilisateur clique sur le champ heure début, de même pour le champ heure fin, c à d , lorsque l'utilisateur clique sur heure debut à 9:15, le champ heure debut doit contenir 9:15, s'il clique sur le champ heure fin à 16:30, le champ heure fin doit contenir 16:30,
J'ai procédé comme suit :
<input type="time" name="heuredeb" value=<?php echo date("H:i"); ?> />
Mais ceci affiche l'heure courante alors que j'ai besoin de l'heure pendant laquelle l'utilisateur fait son clic, ceci doit être fait en javascript je crois, quel est l'evennement que je dois appliquer sur un input type="time" et comment s'en sortir de ça ?
Merci d'avance
A voir également:
- Saisir l'heure système
- Restauration systeme windows 10 - Guide
- Changement d'heure - Guide
- Heure de connexion whatsapp qui ne changé pas - Accueil - WhatsApp
- Vous avez besoin d'une autorisation de la part de système pour modifier ce dossier - Guide
- Cdg heure d'arrivée a destination shein - Forum Consommation & Internet
1 réponse
Salut,
Une solution possible en javascript :
1. Récupérer l'élément input type="time" et ajouter un listener sur l'événement 'focus' (via la fonction addEventListener) pour exécuter une fonction lorsque l'utilisateur clique sur cet input.
2. Dans cette fonction, vérifier si la valeur de l'input est vide (pour ne pas changer la valeur que l'utilisateur aurait déjà saisi) et si elle est vide, créer un objet Date et renseigner cette date dans la valeur de l'input :
Bonne journée,
Une solution possible en javascript :
1. Récupérer l'élément input type="time" et ajouter un listener sur l'événement 'focus' (via la fonction addEventListener) pour exécuter une fonction lorsque l'utilisateur clique sur cet input.
2. Dans cette fonction, vérifier si la valeur de l'input est vide (pour ne pas changer la valeur que l'utilisateur aurait déjà saisi) et si elle est vide, créer un objet Date et renseigner cette date dans la valeur de l'input :
var d = new Date();
d.setUTCHours(d.getHours(), d.getMinutes(), d.getSeconds(), 0);
document.getElementById("id-input-time").valueAsDate = d;
Bonne journée,
Comme d'habitude Pitet, j'en ai que te remercier grandement pour l'aide que tu m'apportes pour avancer dans mon travail,
Bonne journée