VUE日期格式化与数据格式问题

之前用jalor、ADF等框架做开发,前端控件有数据类型,直接定义date或者datetime就可以显示对应的日期或者日期时间格式。
但是针对VUE+ELEMENTUI 数据显示却没有对应的属性,需要自己定义工具函数进行转换。

页面列表中使用

<el-table-column
label-class-name=""
prop = "lastUpdateTime"
label="最后更新时间"
with="220">
<template slot-scope="scope">
{{formatDate (scope.row.lastUpdateTime)}}
</template>
</el-table-column>




import formatDate from ./utils/util
……
method中引入formate 

utils.js组件中formatDate方法

utils.js为公共JS,在main.js中引入

	export function formate(value){
		if(!value){
			return "";
		}
	var date = new Date(value);
	var year = date.getFullYear();
	var month = date.getMonth()+1<10?'0'+(date.getMonth+1):date.getMonth+1;
	var day = date.getDay()<10?'0'+date.getDay():date.getDay();
	
	var hours= date.getHours()<10?'0'+date.getHours():date.getHours();
	var minutes= date.getMinutes()<10?'0'+date.getMinutes():date.getMinutes();
	var sends= date.getSends()<10?'0'+date.getSends():date.getSends();
	return (year +'-'+month+'-'+day +' '+hours+':'+minutes+':'+sends)
}

遇到数据类型问题

javascript是若语言类型,注意数据类型问题
var month = date.getMonth()+1<10?‘0’+date.getMonth+1:date.getMonth+1;
这种写法,6月会变成071

你可能感兴趣的:(elmentui)