vue 格式化时间戳

下面是Vue中格式化时间戳的方法：

1.在Vue中使用过滤器来格式化时间戳：

Vue.filter('formatTime', function (value, format) {
  const date = new Date(value * 1000);
  const year = date.getFullYear();
  const month = date.getMonth() + 1;
  const day = date.getDate();
  const hour = date.getHours();
  const minute = date.getMinutes();
  const second = date.getSeconds();
  const padLeftZero = function (str) {
    return ('00' + str).substr(str.length);
  };
  if (format === 'YYYY-MM-DD') {
    return `${year}-${padLeftZero(month)}-${padLeftZero(day)}`;
  } else if (format === 'YYYY-MM-DD HH:mm:ss') {
    return `${year}-${padLeftZero(month)}-${padLeftZero(day)} ${padLeftZero(hour)}:${padLeftZero(minute)}:${padLeftZero(second)}`;
  } else {
    return '';
  }
});

2.在Vue组件中使用过滤器来格式化时间戳：

<template>
  <div>
    <p>{{ timestamp | formatTime('YYYY-MM-DD') }}</p>
    <p>{{ timestamp | formatTime('YYYY-MM-DD HH:mm:ss') }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      timestamp: 1624452193
    };
  }
};
</script>

在上面的代码中，我们定义了一个名为`formatTime`的过滤器，它接受两个参数：时间戳和格式。然后，我们在Vue组件中使用这个过滤器来格式化时间戳。