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

src/plugins/dateFormatter.js

import {formatDate} from "element-ui/src/utils/date-util";

export default {
    install(Vue){
        Vue.prototype.$dateFormatter = (date,format = 'yyyy-MM-dd hh:mm:ss') => formatDate(date,format)
    }
}

main.js

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

应用示例

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