Vue + ElementUI环境下时间格式化的便捷方案

因为此法本质上使用的是ElementUI内本身就有的格式化函数,而插件化的目的也是想全局化,其它引用的地方要方便点

src/plugins/dateFormatter.js

1import {formatDate} from "element-ui/src/utils/date-util";
2
3export default {
4    install(Vue){
5        Vue.prototype.$dateFormatter = (date,format = 'yyyy-MM-dd hh:mm:ss') => formatDate(date,format)
6    }
7}

main.js

1import DateFormatter from "@/plugins/dateFormatter";
2Vue.use(DateFormatter)

应用示例

1<div style="display: flex;margin-top: 5px;line-height: 32px">
2    <label style="width: 100px;text-align: right">开始时间:</label>
3    <div style="padding-left: 15px;border-bottom: 1px solid #ebeef5;width: 100%">
4		{{$dateFormatter(e.startTime,'yyyy-MM-dd')}}
5    </div>
6</div>