当前位置： 移动技术网 > IT编程>网页制作>CSS > elementUI 时间格式化(一般方法)

elementUI 时间格式化(一般方法)

2018年11月03日  | 移动技术网IT编程  | 我要评论

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;
　　},
},

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网