vue将日期转为时间戳

在 Vue 中，可以使用 JavaScript 的 `Date.parse()` 方法将日期转换为时间戳。

例如，假设有一个日期字符串 `"2021-08-20"`，可以使用以下代码将它转换为时间戳：

const timestamp = Date.parse("2021-08-20");
console.log(timestamp); // 输出：1629427200000

如果要将当前时间转换为时间戳，可以使用以下代码：

const timestamp = Date.now();
console.log(timestamp); // 输出当前时间的时间戳

需要注意的是，`Date.parse()` 方法的参数必须是符合 ISO 8601 标准的日期字符串，否则可能会得到不正确的结果。

相关问题

vue怎么将时间戳转为时间

您可以使用JavaScript中的Date对象将时间戳转换为时间。您可以使用以下代码将UNIX时间戳转换为UTC日期时间格式：

const timestamp = 1630497600; // 时间戳
const date = new Date(timestamp * 1000); // 转换为JavaScript时间戳（毫秒级）
const formattedDate = date.toUTCString(); // 转换为UTC日期时间格式
console.log(formattedDate);

这将输出如下格式的日期时间：

Tue, 31 Aug 2021 16:00:00 GMT

vue3 + ts获取本地时间戳转为时间

可以使用`Date`对象来获取本地时间戳，并使用`toLocaleString()`方法将其转换为时间格式。在使用 TypeScript 时，可以按照以下方式编写代码：

// 获取当前时间戳
const timestamp = Date.now();

// 将时间戳转换为时间格式
const date = new Date(timestamp);
const timeStr = date.toLocaleString();

console.log(timeStr); // 输出类似于 "2021/8/24 下午4:31:28" 的时间字符串

注意，`toLocaleString()`方法的输出格式可能因为不同的地区而有所不同。如果需要指定输出格式，可以使用`toLocaleDateString()`和`toLocaleTimeString()`方法来分别获取日期和时间部分。例如：

const timestamp = Date.now();

const date = new Date(timestamp);
const dateStr = date.toLocaleDateString();
const timeStr = date.toLocaleTimeString();

console.log(`${dateStr} ${timeStr}`); // 输出类似于 "2021/8/24 4:31:28 PM" 的时间字符串

另外，如果需要在 Vue 3 中使用 TypeScript，需要在组件中添加类型注解。例如：

<template>
  <div>{{ time }}</div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  data() {
    return {
      timestamp: Date.now(),
    };
  },
  computed: {
    time() {
      const date = new Date(this.timestamp);
      const timeStr = date.toLocaleString();
      return timeStr;
    },
  },
});
</script>