vue中的时间格式处理⽅法⼀：⾃定义⽂件
（⼀）函数封装（将该函数封装成⼀个⽂件，或者加⼊⾃⼰项⽬的函数库）
（⼆）⽂件引⼊（注意：由于是函数，故名字要和函数的名字⼀致）
import { formatDate } from'@/utils/date'
（三）添加到过滤器中
filters: {函数prototype
formatDate(time) {
let date = new Date(time)
return formatDate(date, 'yyyy-MM-dd')
}
}
（四）使⽤场景⼀：在HTML中使⽤
// atedate是后台数据~~
<div class="bottomTimee fz12 c_9a">{{atedate | formatDate}}</div>
（五）使⽤场景⼆：在提交时候使⽤
let nowDate = formatDate(new Date(), 'yyyy-MM-dd hh:mm')
（六）使⽤场景三：在绑定属性中使⽤
<mt-cell title="开始时间" :value="startDate | formatDate"></mt-cell>
⽅法⼆：引⼊vue插件moment
（⼀）npm安装
npm install moment --save
（⼆）在main.js上引⼊，挂载在vue上
import moment from 'moment'
Vue.prototype.$moment = moment
（三）在html中使⽤
<div class="title">{{$moment(key).format('YYYY-MM-DD')}}</div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。