1. 在全局过滤器中创建格式化日期的方法
// 格式化日期、时间(类型可以为:字符串、时间戳、Date类型)
formatDate(timestamp, format) {
if (timestamp !== '') {
const time = new Date(timestamp)
const weekArray = ['日', '一', '二', '三', '四', '五', '六']
const numRange = function (num) { return (num < 10 ? '0' : '') + num }
// 如果replace的第1个参数是RegExp, 则会先提取RegExp匹配出的结果,然后用第2个参数逐一替换匹配出的结果
// 如果replace的第二个参数是回调函数,则每匹配到一个结果就回调一次,每次回调都会传递本次匹配到的结果
return format.replace(/yyyy|MM|dd|hh|mm|ss|week/g, function (result) {
switch (result) {
case 'yyyy':
return numRange(time.getFullYear())
case 'MM':
return numRange(time.getMonth() + 1)
case 'dd':
return numRange(time.getDate())
case 'mm':
return numRange(time.getMinutes())
case 'hh':
return numRange(time.getHours())
case 'ss':
return numRange(time.getSeconds())
case 'week':
return '星期' + weekArray[time.getDay()]
}
})
}
return timestamp
}
2. 在组件中调用方法
格式为:yyyy-MM-dd
<div>格式化日期</div> <div class="date">{{ $filters.formatDate(timestamp,'yyyy-MM-dd') }}</div>
格式为:yyyy/MM/dd
<div>格式化日期</div> <div class="date">{{ $filters.formatDate(timestamp,'yyyy/MM/dd') }}</div>
格式为:yyyy-MM-dd hh:mm:ss
<div>格式化日期</div> <div class="date">{{ $filters.formatDate(timestamp,'yyyy-MM-dd hh:mm:ss') }}</div>
格式为:yyyy-MM-dd 星期几
<div>格式化日期</div> <div class="date">{{ $filters.formatDate(timestamp,'yyyy/MM/dd week') }}</div>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。