Estoy tratando de lograr una cuenta regresiva entre ahora y la hora de finalización para varias filas de la tabla con el mismo selector de clase. He leído todas las demás publicaciones relacionadas, pero mi jsfiddle da un error de script.
Mi página html:
<table> <tr> <td>Blocked-1</td> <td class="bidtime-countdown" data-bidtime="2022-02-09 01:00:00" data-endtime="2022-02-11 04:00:00"></td> </tr> <tr> <td>Sold-1</td> <td>2022-02-09 00:20:00</td> </tr> <tr> <td>Blocked-2</td> <td class="bidtime-countdown" data-bidtime="2022-02-09 01:30:00" data-endtime="2022-02-11 05:30:00"></td> </tr> </table>La hora de finalización proporcionada en html es la zona horaria local de Asia/Dubai. Así que necesito una cuenta regresiva en relación con esta zona horaria local.
No pude encontrar una solución para esto. ¿Alguna guía? A continuación se muestra mi jsfiddle en el que estaba trabajando.
Parece que está usando diff mal y también funciona solo en objetos. Pruebe toDate con jquery countdown en su lugar.
Prueba esto:
$(function() { $('[data-endtime]').each(function() { var $this = $(this); var end = $(this).data('endtime'); $this.countdown(moment.tz(end, "Asia/Dubai").toDate(), function(event) { $this.html(event.strftime('%d day %H:%M:%S')); }); }); });Agregue: bibliotecas moment.min.js, moment-timezone-with-data.js y jquery-countdown.min.js como en la demostración.