Discussion :

[kidmig]

Bonjour,

Voici mon problème, je souhaite faire un calcul de différence d'heure avec "Heure debut" et "Heure Fin", pour "heure debut" et "heure fin", il y a un champs heure et minute et je souhaite faire le calcul de difféerence (Soustraction) comment faire ?

Je vous montre un code basic que j'avais essayer mais le probleme c'est que le resultat est pas trop correcte :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script>
function calcul(){
        var heureDeb = Number(document.getElementById("heuresI").value)*3600/60;
 
        var heureFin = Number(document.getElementById("txhoraire").value)*3600/60;
 
        var ttc = Number(heureFin - heureDeb)/60;
        document.getElementById("ttc").value = ttc.toFixed(2);
      }
</script>

Je préféré mettre a part heure et minute dans des champs différents afin que sa fasse le calcul et que le résultat sois correcte

[SpaceFrog]

Jette un oeil sur moments.js
https://momentjs.com/

[kidmig]

J'ai deja regarder cette méthode mais j'y arrive pas avec moment.js
Le probleme est que je souhaite pas récupérer l'heure actuelle mais je souhaite entre dans un champs heure une donnée ensuite entre dans un champs minute un donnée cela pour heure debut et heure fin et que ensuite sa fasse le calcul de différence d'heure.

[SpaceFrog]

un ecart de temps avec moments.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var now  = "04/09/2013 15:00:00";
var then = "04/09/2013 14:20:30";
 
moment.utc(moment(now,"DD/MM/YYYY HH:mm:ss").diff(moment(then,"DD/MM/YYYY HH:mm:ss"))).format("HH:mm:ss")

[kidmig]

Mais sa récupère l'heure actuel ? Alors que moi je dois entré une donnée dans un champs

[SpaceFrog]

qu'est ce qui t'empeche de faire now = toninput.value ???

[kidmig]

Mais dans le now récupère t-il la donnée dans le mon input ou il met une donnée automatiquement ?

[psychadelic]

Ok pour le principe de la question : calculer une différence d'heure...

mais pas du tout ok, pour l'énoncé du problème.

Est-ce que la différence d'heure s'étale sur plusieurs jours ?
Est-ce que la différence d'heure est circonscrite à juste une journée et l'heure de fin ne peut pas dépasser minuit ?

Est-que la différence doit être simplement exprimées en minutes, en heures + minutes, en jours + heures + minutes ?

quel est le format de tes zones de saisie ? du texte, un nombre; en quelle unité, ???

[kidmig]

Enfaite la différence d'heure n'a rien a voir avec les jour, enfaite je veux juste faire une soustraction d'heure je pense que je me suis mal exprimé : Je souhaite soustraire heure debut et heure fin. Dans heure debut et heure fin, il y a 2 champs : heure et minute

L'heure ne dois pas dépasser minuit

Le resultat doit etre exprimer en heure + minute

Mes champs sont au formation de texte

[Beginner.]

Salut,

Dans heure debut et heure fin, il y a 2 champs : heure et minute

Dans ton code tu n'as tenu compte que des champs "heure", il n'y a rien pour les champs "minute" c'est donc normal que cela ne fonctionne pas...

Peux-tu donner au moins le html ?


PS : au lieu de : "x*3600/60" tu pourrais faire "x*60"...

[kidmig]

Oui je sais mais j'arrivais pas a faire donc j'ai fais directement un simple calcul avec heure.

Pour le code html j'ai que sa :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<label class="col-sm-2 control-label" >Heure Début</label>
		<div class="col-sm-2"><input type="text" name='heuredeb' class='form-control' placeholder="10.30" id="heuresI" onchange='calcul()' required/></div>
 
		<label class="col-sm-2 control-label">Heure Fin</label>
		<div class="col-sm-2"><input type="text" name='heurefin' class='form-control' placeholder="15.45" id="txhoraire" onchange='calcul()' required/></div>
<label class="col-sm-2 control-label">Soit :</label>  
		<div class="col-sm-1"><input type="text" name='heurejour' class='form-control' id="ttc" onchange='calcul()' placeholder="--" onchange='calculTotal()' readonly required/></div> heure(s) demandée(s)

[psychadelic]

alors c'est pas très sorcier :
pour chaque élément convertir les heures en minutes puis y ajouter les minutes => (Heure * 60) + nb Minutes

faire la soustraction des 2 durées

convertir le résultat en heur / minutes ( division entiere sur la durée, et les minutes correspondent au reste entier => fonction modulo )

[kidmig]

Oui voila exactement ce que je veux faire, peut tu me donner un exemple car les conversions et moi j'y arrive pas trop

[Beginner.]

Ok mais dans ce html il n'y a pas un champ "heure" et un champ "minute" séparés... Tu n'as que deux champs où l'heure est séparé des minutes par un point...

Est-ce que c'est bien ce que tu veux ?

[kidmig]

Oui c'est bien ce que je veux mais apres si sa fonctionne pas avec ma méthode je veux bien essayer la méthode ou je sépare les heures et les minutes par 2 champs

[psychadelic]

pour ce genre de truc le plus courrant c'est d'utiliser un time Picker.

Comme il est sur du Bootstrap il y a celui ci => http://t00rk.github.io/bootstrap-mat...atetimepicker/

mais il y en a des tas d'autres...

j'ai utilité celui-ci à une époque, http://weareoutman.github.io/clockpicker/

[kidmig]

D'accord et ensuite je fais le calcul ?

[Beginner.]

Oui c'est bien ce que je veux mais apres si sa fonctionne pas avec ma méthode je veux bien essayer la méthode ou je sépare les heures et les minutes par 2 champs

C'est faisable comme ça aussi mais je trouve ça peu pratique surtout qu'il y a des input type time pour ça, regarde ici : https://developer.mozilla.org/fr/doc...ent/Input/time

C'est plus facile pour changer l'heure...

[kidmig]

Oui je suis entierement d'accord mais le probleme c'est quand je faisait ma méthode en javascript ( le calcul) le resultat retournais NaN donc le format n'était pas correctement donc le probleme n'est pas au niveau du html mais plus au niveau javascript car input "time" je connais

[psychadelic]

D'accord et ensuite je fais le calcul ?

ben oui, je t'ai mis l'algo plus haut...

et j'ai ajouté ce Picker... http://weareoutman.github.io/clockpicker/