vue使用moment.js结合filter过滤器格式化时间

最新推荐文章于 2024-05-14 22:55:57 发布

原创最新推荐文章于 2024-05-14 22:55:57 发布 · 479 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

vue 同时被 2 个专栏收录

57 篇文章

订阅专栏

moment

1 篇文章

订阅专栏

本文介绍如何利用Moment.js库进行日期格式的转换。通过npm安装Moment.js后，在Vue项目中引入并使用自定义过滤器dateString，将原始日期字符串转换为指定的格式“YYYY-MM-DD HH:mm”。此教程适用于需要在前端应用中展示特定日期格式的开发者。

首先下载moment

npm install moment

在需要的页面引入和使用

列：返回时间是2019-8-28 12：32：08而需要显示的时间格式为"YYYY-MM-DD HH:mm"即2019-8-28 12：32

<template>
<div>
  <span>{{ data  | dateString('YYYY-MM-DD HH:mm')}}</span>
</div>
</template>

<script>
import moment from "moment";
export default {
  name: "online",
  data() {
    return {
data:''
}
},
  filters: {
    dateString(value) {
      const source_date = value;
      return moment(source_date, "YYYY-MM-DD  HH:mm").format("YYYY-MM-DD  HH:mm");
    }
  },
 components: {},
  methods: {}
}
</script>