如何在vuejs中获取当前日期和时间戳（附实例）

日期和时间值是特定于正在运行的机器的。

首先，客户端链接到当前机器的浏览器，另一个是服务器端，后台机器正在运行。

如果你已经知道如何在JavaScript中获取当前日期，那么在Vuejs应用程序中就非常简单。

Javascript提供了Date对象，持有日期、时间和时区信息，它提供了各种方法来提供当前日期信息。

Vuejs总是在客户端浏览器上运行，在vue中获取日期和时间只在客户端进行。

这篇文章讲述了如何在vuejs中获取当前日期和时间戳。

你将学习到vuejs的以下内容

• 以DD/MM/YYYY格式获取当前日期
• 只获取当前时间
• 获取当前的UNIX epoc时间戳，以UTC为单位
• 只检索当前年份

在Vuejs应用程序中，以下是获取日期信息的步骤

• 为这个例子创建Vue组件
• 在data函数中初始化以下全局变量并将其作为对象返回

  data: () => ({
    timestamp: "",
    date: "",
    time: "",
    currentYear: "",
  }),

• 在方法部分创建一个函数：

  getDate: function () {
    return new Date().toLocaleDateString();
  },
  ```
-  Call the methods on vue component load using mounted callback function and update the variables in data object.

- new Date().toLocaleDateString() return the Date in **MM/DD/YYY** format
- **toLocaleTimeString()** returns the time in **HH:MM:SS AM** format
-  **getFullYear()** in Date object returns year value only
- now() method in date object returns current Unix timestamp since epoch time

Complete example code

```javascript


  Timestamp:{{ timestamp }}
  Date:{{ date }}

  Time:{{ time }}

  Only year:{{ currentYear }}