关于eltable总结

[toc]

1.方式一:采用filters

// template
<el-table-column label="创建时间">
  <template slot-scope="props"&gt;
    {{ props.row.time | dateTimeFormat }}
  </template&gt;
</el-table-column&gt;
// script-&gt;filters
filters: {
   dateTimeFormat(dateTime) {
     if (!dateTime) {
       return dateTime;
     }
     return moment(dateTime).format("YYYY-MM-DD");
   },
 },

2.方式二:采用formatter

// template
<el-table>
	<el-table-column prop="ctime" :label="$t('spare.ctime')"
      :formatter="formatDateC"><!-- 添加一个格式化函数-->
    </el-table-column>
</el-table>
// script->method
//时间格式化
formatDateC (row) {
   // 获取单元格数据
   let datac = row.ctime
   let dtc = new Date(datac)
   //获取月,默认月份从0开始
   let dtuMonth = dtc.getMonth() + 1
   //获取日
   let dtuDay = dtc.getDate()
   //处理1-9月前面加0
   if (dtuMonth < 10) {
     dtuMonth = "0" + (dtc.getMonth() + 1)
   }
   //处理1-9天前面加0
   if (dtuDay < 10) {
     dtuDay = "0" + dtc.getDate()
   }
   //获取小时
   let dtuHours = dtc.getHours()
   //处理1-9时前面加0
   if (dtuHours < 10) {
     dtuHours = "0" + dtc.getHours()
   }
   //获取分钟
   let dtuMinutes = dtc.getMinutes()
   //处理1-9分前面加0
   if (dtuMinutes < 10) {
     dtuMinutes = "0" + dtc.getMinutes()
   }
   //获取秒
   let dtuSeconds = dtc.getSeconds()
   //处理1-9秒前面加0
   if (dtuSeconds < 10) {
     dtuSeconds = "0" + dtc.getSeconds()
   }
   //组装年月日时分秒,按自己的要求来
   return dtc.getFullYear() + "/" + dtuMonth + "/" + dtuDay
     //+ " " + dtuHours + ":" + dtuMinutes + ":" + dtuSeconds
 },

原文地址:https://blog.csdn.net/c28n07/article/details/129710949

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_23316.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注