使用 Timezone Aware (MomentJS) 在同一页面上设置 jQuery.countdown 个多个实例

Question

我需要根据网站上的文档使用 MomentJS 在同一页面上设置 jQuery.countdown 多个实例：

到目前为止我有这个：

<div data-countdown="2018-01-01 12:00:00"></div>
<div data-countdown="2019-01-01 12:00:00"></div>
<div data-countdown="2020-01-01 12:00:00"></div>

<script>
jQuery( document ).ready(function() {

    jQuery("[data-countdown]").each(function() {

        var jQuerythis = jQuery(this), finalDate = jQuery(this).data("countdown");

        finalDate = moment.tz(finalDate, "Europe/London"); // <-- ***THIS IS NOT WORKING***

        jQuerythis.countdown(finalDate, function(event) {           
            jQuerythis.html(event.strftime("%D days %H:%M:%S"));            
        });

    });

});             
</script>

但它不起作用。我认为下面的行总体上是不正确的：

finalDate = moment.tz(finalDate, "Europe/London");

MomentJS 安装正确，如果我删除上面的一行，一切正常，但没有时区意识。

能否请您提供一些建议？

Answer 1

对于需要它的人，我在以下行中遗漏了这部分“.toDate()”：

jQuerythis.countdown(finalDate.toDate(), function(event) {

所以现在一切都很好！

我在这篇博客文章的帮助下找到了解决方案 Final Countdown jQuery plugin Multiple instances on the same page with Timezone Aware

jQuery.countdown 使用 Timezone Aware (MomentJS) 在同一页面上的多个实例。

感谢所有帮助过的人！

使用 Timezone Aware (MomentJS) 在同一页面上设置 jQuery.countdown 个多个实例

Set jQuery.countdown Multiple instances on the same page with Timezone Aware (MomentJS)

javascript

jquery

html

jquery-countdown