ElementUI三种格式化表格内时间的方式(分情况)

第一种：使用过滤器

当日期是在span里显示时

 此时用过滤器

 定义过滤器

filters: {
		// 私有局部过滤器，只能在 当前 VM 对象所控制的 View 区域进行使用
		dataFormat(input, pattern = "") {
			// 在参数列表中 通过 pattern="" 来指定形参默认值，防止报错
			var dt = new Date(input)
			// 获取年月日
			var y = dt.getFullYear()
			var m = (dt.getMonth() + 1).toString().padStart(2, "0")
			var d = dt.getDate().toString().padStart(2, "0")
			// 如果 传递进来的字符串类型，转为小写之后，等于 yyyy-mm-dd，那么就返回 年-月-日
			// 否则，就返回  年-月-日 时：分：秒
			if (pattern.toLowerCase() === "yyyy-mm-dd") {
				return `${y}-${m}-${d}`
			} else {
				// 获取时分秒
				var hh = dt.getHours().toString().padStart(2, "0")
				var mm = dt.getMinutes().toString().padStart(2, "0")
				var ss = dt.getSeconds().toString().padStart(2, "0")
				return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
			}
		},
	}

使用过滤器

 

---

第二种：使用ElementUI的formatter属性

第三种：使用moment插件