• 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') : '';
          }
        }

    恩,就酱~

  • 相关阅读:
    Oracle exp/imp导出导入命令及数据库备份 (转载)
    多表初始化
    调用别的窗体
    修复k8s内存泄露问题
    如何高效的学习(转)
    Ansible11:变量详解【转】
    沟通的方式方法
    shell中的循环及条件判断
    Tomcat参数优化
    将DataReader转化为DataTables的一个简单实现
  • 原文地址:https://www.cnblogs.com/jin-zhe/p/9258628.html
Copyright © 2020-2023  润新知