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