您的位置:首页 > Web前端 > Vue.js

Vue格式化日期时间为(YYYY-MM-DD hh:mm:ss)

2019-06-03 12:40 2983 查看
  1. 在src下创建一个文件plugins的文件,如图
  2. 在里面的format.js文件下写入
function format (date, format) {
if (!date) {
return ''
}

let d = new Date(date)

// 年
if (/YYYY/.test(format)) {
format = format.replace(/YYYY/, d.getFullYear())
}
// 月份
let month = d.getMonth() + 1
if (/MM/.test(format)) {
let monthStr = month < 10 ? '0' + month : month
format = format.replace(/MM/, monthStr)
} else if (/M/.test(format)) {
format = format.replace(/M/, month)
}
// 日期
let dates = d.getDate()
if (/DD/.test(format)) {
let dateStr = dates < 10 ? '0' + dates : dates
format = format.replace(/DD/, dateStr)
} else if (/D/.test(format)) {
format = format.replace(/D/, dates)
}
// 小时
let hours = d.getHours()
if (/HH/.test(format)) {
let hoursStr = hours < 10 ? '0' + hours : hours
format = format.replace(/HH/, hoursStr)
} else if (/H/.test(format)) {
format = format.replace(/H/, hours)
} else if (/hh/.test(format)) {
let hoursMin = hours > 12 ? hours - 12 : hours
let hoursStr = hoursMin < 10 ? '0' + hoursMin : hoursMin
format = format.replace(/hh/, hoursStr)
} else if (/h/.test(format)) {
let hoursMin = hours > 12 ? hours - 12 : hours
format = format.replace(/h/, hoursMin)
}
// 分
let minutes = d.getMinutes()
if (/mm/.test(format)) {
let minutesStr = minutes < 10 ? '0' + minutes : minutes
format = format.replace(/mm/, minutesStr)
} else if (/m/.test(format)) {
format = format.replace(/m/, minutes)
}
// 秒
let seconds = d.getSeconds()
if (/ss/.test(format)) {
let secondsStr = seconds < 10 ? '0' + seconds : seconds
format = format.replace(/ss/, secondsStr)
} else if (/s/.test(format)) {
format = format.replace(/s/, seconds)
}
return format
}

export default format
  1. 在所需的组件页面下引入
import format from '@/plugins/format.js'
  1. 将startLimit参数格式化
this.startLimit = format( this.startLimit, 'YYYY-MM-DD HH:mm:ss')
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: