campo de entrada de gama retorno resultado erróneo

votos
0

Aquí tres veces la zona de entrada de gama zona de Pakistán, Afganistán e India aquí compensación de tiempo en segundos

location       offset seconds
pakistan       18000
afghanistan    16200
indian         19800

gama INPUT 1 a 24 horas

al hacer clic en cualquier entrada del rango muestra todos los tiempos de acuerdo a su zona horaria.

Pero el problema es cuando hago clic en el Afganistán o el intervalo de tiempo de entrada india Devuelve momento equivocado. cuando al hacer clic en terminar el rango de entrada (media de 24 horas) es de devolución de 30 minuto por detrás del valor original

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

Publicado el 19/12/2018 a las 14:12
fuente por usuario
En otros idiomas...                            

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