特定时区的vue时间戳

Posted 2023-02-24

【中文标题】特定时区的vue时间戳

【英文标题】：vue timestamp in particular time zone

【发布时间】：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>

【参考方案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