Affichage heure système dans un champ heure

Résolu
abirgl Messages postés 127 Date d'inscription   Statut Membre Dernière intervention   -  
abirgl Messages postés 127 Date d'inscription   Statut Membre Dernière intervention   -
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 :

<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

1 réponse

Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
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 :
var d = new Date();
d.setUTCHours(d.getHours(), d.getMinutes(), d.getSeconds(), 0);
document.getElementById("id-input-time").valueAsDate = d;


Bonne journée,
1
abirgl Messages postés 127 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour Pitet,
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
0