2

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>

diuren1205
57 声望5 粉丝

I love coding