使用 dayjs 格式化时间

李晨飞_

于 2021-11-05 20:12:29 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_59878114/article/details/121169906

vue 专栏收录该内容

32 篇文章

订阅专栏

这篇博客介绍了如何在Vue.js组件中利用Day.js库来格式化入职日期。首先，通过npm安装Day.js并将其导入组件。接着，创建一个名为`formatTime`的过滤器，用于将时间转换为'YYYY-MM-DD'格式。最后，更新表格列，使用模板和过滤器展示员工的格式化入职日期。

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

1、下载 dayjs 并导入到当前组件中

npm install dayjs --save

import dayjs from 'dayjs'

2、创建格式化入职日期的过滤器

filters: {
  // 格式化入职日期的方法
  formatTime(time) {
    return dayjs(time).format('YYYY-MM-DD')
  }
}

3、改造页面结构

<el-table-column sortable label="入职时间">
  <template slot-scope="scope">
    <span>{{ scope.row.timeOfEntry | formatTime }}</span>
  </template>
</el-table-column>