个人博客-Vue3.0之Table表格日期格式化

Vue3.0之Table表格日期格式化

作者：胡同里的砖头围观群众：314 更新于：2022-05-25

表格列

<el-table-column
        align="center"
        :formatter="dateFormat"
        label="生日"
        prop="birthday"
        show-overflow-tooltip
      />

第二步：安装moment(npm install monent)
然后引入：import moment from 'moment'

最后写一个格式化方法

const dateFormat = (val) => {
        return moment(val.birthday).format('yyyy-MM-DD')
      }

最后别忘了把dateFormat 方法写在return里面返回

return {
        ...toRefs(state),
        handleSizeChange,
        handleCurrentChange,
        queryData,
        fetchData,
        doEdit,
        doDel,
        handleFold,
        handleHeight,
        Delete,
        Plus,
        Search,
        dateFormat,//格式化方法返回
      }

效果如图

本文标题： Vue3.0之Table表格日期格式化

文章分类：【VueJS】

非特殊说明，本文版权归【胡同里的砖头】个人博客所有，转载请注明出处.

留言评论

上一篇：.env.development获取不到值的解决方案

下一篇： C# 之int[]数组转字符串