zoukankan      html  css  js  c++  java
  • elementUI 时间格式化(一般方法)

    1.html:

    ...
    <el-table-column prop="updateTime" label="更新时间" width="160" align="center" :formatter="dateFormat"></el-table-column>
    ...

    2.vue的methods 里面

    //方法
    methods: {
        //时间格式化
        dateFormat:function(row,column){
            var t=new Date(row.updateTime);//row 表示一行数据, updateTime 表示要格式化的字段名称
            return t.getFullYear()+"-"+(t.getMonth()+1)+"-"+t.getDate()+" "+t.getHours()+":"+t.getMinutes()+":"+t.getSeconds()+"."+t.getMilliseconds();
        },
      //时间格式化2
      dataFormat2:function(row,column){
          var t=new Date(row.updateTime);//row 表示一行数据, updateTime 表示要格式化的字段名称
          var year=t.getFullYear(),
              month=t.getMonth()+1,
              day=t.getDate(),
              hour=t.getHours(),
              min=t.getMinutes(),
              sec=t.getSeconds();
          var newTime=year+'-'+
              (month<10?'0'+month:month)+'-'+
              (day<10?'0'+day:day)+' '+
              (hour<10?'0'+hour:hour)+':'+
              (min<10?'0'+min:min)+':'+
              (sec<10?'0'+sec:sec);
          return newTime;
      },
    },
  • 相关阅读:
    内置函数——filter和map
    递归函数
    内置函数和匿名函数
    迭代器和生成器
    装饰器函数
    函数进阶
    COGS 2533. [HZOI 2016]小鱼之美
    COGS 2532. [HZOI 2016]树之美 树形dp
    COGS2531. [HZOI 2016]函数的美 打表+欧拉函数
    bzoj1303: [CQOI2009]中位数图
  • 原文地址:https://www.cnblogs.com/yysbolg/p/9899583.html
Copyright © 2011-2022 走看看