在 moment.js 中选择默认时区

Question

我通过以下方式包含moments.js

<script src="../static/js/moment-timezone-full.js"></script>
<script>
    $('.select_timezone').timezones();
</script>

然后我将时区选择在 html 中作为

提供给我的用户

<div class="row">
    <div class="col-lg-4">
        <select class="select_timezone" name="select_timezone"></select>
    </div>
</div>

我的问题是如何选择默认时区？我看到一个人可以做到这一点

moment.tz.setDefault(String);

但我不明白这在我的设置中是如何工作的？

编辑：我的实现只是按照这个例子......

http://www.jqueryscript.net/time-clock/Easy-Timezone-Picker-with-jQuery-Moment-js-Timezones.html

真的没有人知道解决这个问题的方法吗？ 卡尔

编辑：我应该澄清为什么 moment.tz.setDefault 不起作用。当我添加行时

moment.tz.setDefault('America/Los_Angeles');

我收到 javascript 错误

Uncaught TypeError: Cannot read property 'setDefault' of undefined

我包含在烧瓶大型教程中解释的时刻，我所做的意义

from flask.ext.moment import Moment
...
moment = Moment()
...
moment.init_app(app)

在我的 html 模板中我这样做了

{% block scripts %}
{{ moment.include_moment() }}
{% endblock %}

moment-timezones 包含在 js 文件中，如上所示。我忘了什么吗？ 我只是想为选择设置默认时区

Answer 1

默认情况下，它会显示查看它的人的时区，但您可以通过专门定义它来覆盖它。 在您的示例中，您可以执行以下操作：

<script src="../static/js/moment-timezone-full.js"></script>
<script>
  moment.tz.setDefault("America/New_York");
  $('.select_timezone').timezones();
</script>

Answer 2

查看您发布的内容后，您似乎正在使用来自https://github.com/firstandthird/timezones 的 jquery 插件，当我查看代码时，它使用的是较旧版本的 moment.js（版本 2.8.3）作为见于https://github.com/firstandthird/timezones/blob/master/dist/timezones.full.js

它还使用了 moment-timezone 的旧版本（它在 timezones.full.js 文件的底部，版本 0.2.4 中拉入）并且 moment.tz.setDefault() 直到更高版本。目前最新的是 0.4.0。因此，我建议将您自己的文件与最新版本混合在一起，然后在您的系统上再次尝试，看看它是否有效。

更新：

所以，我查看了您的小提琴，并将其更新为 your fiddle 允许

moment.tz.setDefault("America/New_York");
$('.select_timezone').timezones();

使用我自己混合的 moment.js、moment-timezone.js 和 jquery 插件代码，它工作得很好。基本上，moment-timezone-full.js 文件所做的就是将 moment.js 和 moment-timezone.js 与 jquery 插件代码混合在一起。 （它被列为外部库之一，您也可以在https://gist.github.com/iron-man/deedd9efe988318d842a 找到它。我确实注意到它只会获取列表中该偏移量的第一个时区，而不是您指定的实际时区，但是 moment-timezone.js 库的一个更大的问题，超出了这个问题的范围。