• Vue表格中时间的处理


    Vue中表格的数据应该来自后台数据库,然后从数据库中读取到的数据,时间格式可能有些不同,我们可以根据实际需要来对这个时间进行转化。

    这里介绍一个js库,它提供了强大的日期处理功能,功能强大且只有2k大小。安装方式简单,只需要npm install fecha --save即可。

    Formatting(日期格式化)

    fecha提供一个format方法。fecha.format接收一个Date对象(或一个时间戳)和一个字符串形式的日期格式,然后返回一个字符串(处理后的日期)。

    注意: 当传入的参数无效时,fecha会报错

    Parsing(日期解析)

    fecha另外提供了一个parse方法。和format类似,fecha.parse接收一个Date字符串和一个字符串形式的日期格式,然后返回一个Date对象。

    注意: 当传入的参数无效时,fecha会报错

    fecha还有其他很多功能,这里不做具体介绍,有兴趣请自行百度学习。

    这里放一个demo,以供参考。

    html

    <el-table-column prop="time" label="时间" :formatter="dateFormat" min-width="100"></el-table-column>

    js

      methods: {
          dateFormat(row, column, cellValue) {
            return cellValue ? fecha.format(new Date(cellValue), 'YYYY-MM-DD') : '';
          }
        }

    恩,就酱~

  • 相关阅读:
    C# 实现类库并调用
    C# pictureBox.Image获得图片的三种方法
    C# 指针使用总结
    C++ 怎样让函数返回数组
    C# 枚举与位枚举(Enum)
    Labview调用C#动态链接库dll
    C# partial 作用
    C# Internal关键字小结
    C# => 运算符
    C# 中 ??、 ?、 ?: 、?.、?[ ]
  • 原文地址:https://www.cnblogs.com/jin-zhe/p/9258628.html
Copyright © 2020-2023  润新知