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

最新推荐文章于 2023-06-16 20:54:13 发布

asteriaV

最新推荐文章于 2023-06-16 20:54:13 发布

阅读量427

点赞数

分类专栏： vue moment

本文链接：https://blog.youkuaiyun.com/asteriaV/article/details/100119416

版权

vue 同时被 2 个专栏收录

57 篇文章

订阅专栏

moment

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先下载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>