特定时区的vue时间戳答案

【问题标题】：vue timestamp in particular time zone特定时区的vue时间戳
【发布时间】：2021-12-21 14:14:03
【问题描述】：

我正在使用时间戳属性在我的页面上显示当前时间和日期。

是否可以在特定时区显示？我想在 ZULU 时区显示它，它是静态的，不遵守夏令时。

<script>
import Logger from './Logger'

export default {
  name: 'Navbar',
  components: {
    Logger
  },
  data: {
    timestamp: ""
  },
  created() {
    setInterval(this.getNow, 1000);
  },
  methods: {
    getNow: function() {
      const today = new Date();
      const date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
      const time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds() + " - " +  "ZULU";
      const dateTime = date +' '+ time;
      this.timestamp = dateTime;
    }
  }
}
</script>

【问题讨论】：

标签： javascript vue.js timestamp timezone script

【解决方案1】：

我相信这不是一个 Vue 问题，而是一个常规的 JavaScript 问题，因为 Date() 是内置在 JavaScript 中的。首次创建日期时，它使用创建它的主机系统的时区。然后在创建日期后，您可以使用内置的toLocaleString函数将其转换为ZULU时区，如此答案所示：Convert date to another timezone in JavaScript

以下是有关toLocaleString 以及如何使用它来转换时区的更多信息：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString

【讨论】：