Wejście Zakres powrót pole niewłaściwy wynik

głosy
0

Oto trzy strefy czasowej wejście zakres strefa Pakistan, Afganistan i Indie tutaj przesunięcie czasu w sekundach

location       offset seconds
pakistan       18000
afghanistan    16200
indian         19800

Zakres wejściowy 1 do 24 godziny

po kliknięciu na dowolnym wejściu zakres wyświetla cały czas zgodnie z ich strefy czasowej.

Ale problem jest, gdy klikam na Afganistanie lub wejście Indie zakres czasu zwraca zły czas. podczas gdy klikam zakończyć zakres wejściowy (średnio 24 godzin) to 30-minutowy za powrót z pierwotnej wartości

$(#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>

Utwórz 19/12/2018 o 14:12
źródło użytkownik
W innych językach...                            

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