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

前端开发

267

因为此法本质上使用的是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>

月下の思念

从今往后，彼此依赖，彼此知觉。彼此珍贵，彼此喜爱。

发布数

关注者

266

累计阅读

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

src/plugins/dateFormatter.js

main.js

应用示例

热门教程文档