vue+momentjs时间格式化
vue项目
npm install moment --save
main.js 引入注册
// 导入时间插件momentjs
import moment from 'moment'
// 定义时间格式全局过滤器
Vue.filter('dateFormat', function (daraStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
return moment(daraStr).format(pattern)
})
模板中使用
<!-- 显示2019-12-05 10:10 -->
<div class="time">{{nowDate | dateFormat('YYYY-MM-DD HH:mm')}}</div>
<!-- 显示10:10 -->
<div class="time">{{nowDate | dateFormat('HH:mm')}}</div>
<!-- 显示2019-12-05 10:10:10 -->
<div class="time">{{nowDate | dateFormat}}</div>
除了以上全局导入的方法外,还可以单个组件引入
直接在所需要的组件中引入就可以了
<script>
let moment = require("moment") // 引入
export default {
data() {
return {
nowDate:new Date().getTime()// 获取时间戳
}
},
created(){
// 转换时间格式年月日时分秒
this.nowDate = moment(this.nowDate).format('YYYY-MM-DD HH:mm')
}
}
</script>
模板中
<div class="time">{{nowDate}}</div>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。