champ de saisie Range retour de résultat erroné

voix
0

Voici trois temps d'entrée de gamme de la zone pakistan, afghanistan et en Inde ici décalage de fuseau horaire en secondes

location       offset seconds
pakistan       18000
afghanistan    16200
indian         19800

Gamme d'entrée 1 à 24 heures

quand je clique sur une entrée de la plage affiche tous les temps en fonction de leur fuseau horaire.

Mais le problème est quand je clique sur la plage horaire entrée afghanistan ou l'Inde, il retourne mauvais moment. quand quand je clique mettre fin à la plage d'entrée (moyenne 24 heures), il retourne 30 minutes derrière de la valeur d'origine

$(#comission div).on(click, input, function() {
  var value = parseInt($(this).val())
  var hours1 = Math.floor(value / 60);
  var minutes1 = value - (hours1 * 60);
  var targetTime = new Date(0);
  targetTime.setMinutes(minutes1);
  targetTime.setHours(hours1);
  if (value > 1430) {
    targetTime.setMinutes(59);
    targetTime.setHours(23)
  }
  var timeZoneFromDB = $(this).find('.comissionLabel').attr(data-offset);
  $('#comission .time').each(function() {
    var timeZoneFromDB = $(this).find('.comissionLabel').attr(data-offset);
    var tzDifference = (parseInt(timeZoneFromDB) / 60) + targetTime.getTimezoneOffset();
    var date = new Date(targetTime.getTime() + tzDifference * 60000);
    var totallv = parseInt(date.getHours() * 60) + date.getMinutes();
    $(this).find('.tooltip').css('margin-left', totallv / 3);
    $(this).find('.tooltip').html(date.getHours() + ':' + date.getMinutes());
    $(this).find('.comissionLabel').html(date.getHours() + ':' + date.getMinutes());
    $(this).find('.custom-range').val(totallv)
  });
});
<script src=https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js></script>
<div class=container>
  <br><br><br> <br><br><br>
  <div id=comission class=col-md-6 col-md-offset-2>

    <div class=col-md-12 mb-3 44 time>afghanistan
      <span class=comissionLabel data-offset='16200'>time: </span>

      <input class=custom-range value=60 type=range min=0 max=1440 step=15>
    </div>
    <div class=col-md-12 mb-3 45 time> Pakistan
      <span class=comissionLabel data-offset='18000'>time: </span>

      <input class=custom-range value=620 type=range min=0 max=1440 step=15>
    </div>
    <div class=col-md-12 mb-3 46 time>indian
      <span class=comissionLabel data-offset='19800'>time: </span>

      <input class=custom-range value=620 type=range min=0 max=1440 step=15>
    </div>
  </div>
</div>

Créé 19/12/2018 à 14:12
source utilisateur
Dans d'autres langues...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more