vue 时间格式化

vue 时间格式化的方法有哪些？一起来看看吧！

vue中格式化时间，需要先安装插件moment，官方解释moment.js是JavaScript 日期处理类库，也就是用于日期格式转换的。

vue 时间格式化常用的主要是以下两种方法：

方式一：

1、main.js中定义全局变量

import moment from 'moment'

Vue.prototype.$moment = moment

2、组件中的使用

时间{{$moment(checkEndTime).format('YYYY-MM-DD HH:mm')}}

方式二：

1、在vue页面中导入moment

import moment from 'moment'

2、在页面上显示值

vue 时间格式化组件

vue-时间格式化

import utils from '@/common/js/utils'

/**

* 传入时间戳，转换指定的时间格式

* @param {Number} val 时间戳

* @param {String} dateType 要得到的时间格式 例如 YYYY-MM-DD hh:mm:ss

* @return dataStr 例如 YYYY-MM-DD hh:mm:ss

*/

switchTime: (val = new Date(), dateType = 'YYYY-MM-DD hh:mm:ss') => {

// 将字符串转换成数字

const timeStamp = new Date(val)

// 如果转换成数字出错

if (!timeStamp) {

return val

}

let str

// 得到时间字符串

const dateStr = new Date(timeStamp)

str = dateType.replace('YYYY', dateStr.getFullYear())

str = str.replace('MM', (dateStr.getMonth() 1 < 10 ? '0' : '') (dateStr.getMonth() 1))

str = str.replace('DD', (dateStr.getDate() < 10 ? '0' : '') dateStr.getDate())

str = str.replace('hh', (dateStr.getHours() < 10 ? '0' : '') dateStr.getHours())

str = str.replace('mm', (dateStr.getMinutes() < 10 ? '0' : '') dateStr.getMinutes())

str = str.replace('ss', (dateStr.getSeconds() < 10 ? '0' : '') dateStr.getSeconds())

return str

}

vue调用

import utils from '@/common/js/utils'

this.order.planpickuptime = utils.switchTime1(res.data.planpickuptime, 'MM月DD日 hh:mm'）