一： 安裝
npm install moment --save
二：在main.js中 導(dǎo)入組件
import moment from 'moment'
三：在main.js定義全局過濾器
Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
return moment(dataStr).format(pattern)
})
filter兩個參數(shù) 第一個是函數(shù)名 ?第二個是時間格式化處理的函數(shù)
四：在需要格式化時間的地方使用插值表達式
? ? ? ? ? <span>發(fā)表時間：{{ item.date | dateformat('YYYY-MM-DD HH:mm:ss')}}</span>
? ? ? ? ? <span>點擊{{ item.click }}次</span>
第二種方法：
引入moment.js
npm install moment --save
直接在所需要的組件中引入就ok了
<script>
let moment = require("moment");
export default {
data() {
return {
}
可以直接使用了
if(this.ruleForm2.startTime == '' || this.ruleForm2.startTime == null || this.ruleForm2.startTime == undefined){
this.ruleForm2.startTime = ''
}else {
this.ruleForm2.startTime = moment(this.ruleForm2.startTime).format('YYYY-MM-DD')
}
如果是想要 轉(zhuǎn)化為年月日分秒
this.ruleForm2.startTime = moment(this.ruleForm2.startTime).format('YYYY-MM-DD HH-mm'）
</script>
