在vue中使用moment.js格式化时间

一： 安装

npm install moment --save

二：在main.js中 导入组件

import moment from 'moment'

三：在main.js定义全局过滤器

Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {

return moment(dataStr).format(pattern)

})

filter两个参数 第一个是函数名  第二个是时间格式化处理的函数

四：在需要格式化时间的地方使用插值表达式

          <span>发表时间：{{ 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')

}

如果是想要 转化为年月日分秒

this.ruleForm2.startTime = moment(this.ruleForm2.startTime).format('YYYY-MM-DD HH-mm'）

</script>