vue小时分钟转化_时间格式的转化 vue与js 年月日 时分秒

首先使用原生转化的方法

第一种

//时间转换 dateStr(d, sign) {

//如果没有传递符号，给一个默认的符号 if (!sign) {

sign = '-'

}

//获取d里面年月日时分秒 let year = d.getFullYear(),

month = d.getMonth() + 1,

sun = d.getDate(),

hours = d.getHours(),

minutes = d.getMinutes(),

seconds = d.getSeconds()

return (

year +

sign +

this.mendZero(month) +

sign +

this.mendZero(sun) +

' ' +

this.mendZero(hours) +

':' +

this.mendZero(minutes) +

':' +

this.mendZero(seconds)

)

},

//时间转换补零 mendZero(num) {

return (num = num < 10 ? '0' + num : num)

},

调用的时候 就在方法里直接 return 出结果

// 调用方法

getDate() {

console.log(this.dateStr(new Date()))

},

输出结果 为 2020-04-20 17:58:54

第二种 这种其实和上边的是一样的思路，只是补零操作 直接用三木判断了，代码更简洁

//时间格式转换

dealWithTime(date) {

let Y = date.getFullYear()

let M = date.getMonth() + 1 - 0 >= 10 ? Number(date.getMonth()) + 1 : '0' + (Number(date.getMonth()) + 1)

let D = date.getDate()

let h = date.getHours() >= 10 ? date.getHours() : '0' + date.getHours()

let m = date.getMinutes() >= 10 ? date.getMinutes() : '0' + date.getMinutes()

let s = date.getSeconds() >= 10 ? date.getSeconds() : '0' + date.getSeconds()

return Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s

},

输出结果 为 　　2020-04-20 18:04:42

vue的方法 更简单

使用vue的 moment

安装 npm install moment --save

在main.js中全局引入 import moment from 'moment'

Vue.prototype.$moment = moment

则在别的文件就可以直接调用了

getDate() {

console.log(this.$moment(new Date()).format('YYYY-MM-DD HH:mm:ss'))

},

输出结果 为 　　2020-4-20 18:04:42