vue 时间格式化函数_vue之moment时间格式化插件

1 首先在vue项目中

npm install moment --save

2 定义时间格式化全局过滤器

在main.js中 导入组件

import moment from 'moment'

Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD

HH:mm:ss') {

return

moment(dataStr).format(pattern)

})

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

3 只需要在需要格式化时间的地方使用插值表达式就OK了

发表时间：{{

newsinfo.add_time | dateformat('YYYY-MM-DD

HH:mm:ss')}}

点击{{ newsinfo.click

}}次

第二种方法

引入moment.js

npm install moment --save

直接在所需要的组件中引入就ok了

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')