第一种:使用过滤器
当日期是在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插件。每种方法都有其适用场景,如过滤器适用于局部数据格式化需求。

1066

被折叠的 条评论
为什么被折叠?



