vue时间格式化的处理方法
**可单独写一个文件导出**
//1， 时间过滤
const dateFormart= ('dateFormart', function (value, formartStr) {
// 1.根据传入的毫秒创建时间对象
var date = new Date(value)
// 2.获取年月日
var year = date.getFullYear()
var month = date.getMonth() + 1 + ''
var day = date.getDate() + ''
var hours = date.getHours() + ''
var min = date.getMinutes() + ''
var sec = date.getSeconds() + ''
// 3.判断需要格式化的格式
if (formartStr && formartStr.toLowerCase() === 'yyyy-mm-dd') {
return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`
} else if (formartStr && formartStr.toLowerCase() === 'yy-mm-dd') {
return `${year}.${month.padStart(2, '0')}.${day.padStart(2, '0')} ${hours.padStart(2, '0')}:${min.padStart(2, '0')}:${sec.padStart(2, '0')}`
} else {
return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')} ${hours.padStart(2, '0')}:${min.padStart(2, '0')}:${sec.padStart(2, '0')}`
}
// 3.生成指定的格式
// returnyear +"-"+month+"-"+day+" "+hours+":"+min+":"+sec;
// return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")} ${hours.padStart(2, "0")}:${min.padStart(2, "0")}:${sec.padStart(2, "0")}`;
})
export default {
dateFormart
}
2 **简便写法 直接在源文件使用即可**
formatTime: function(val) {
if (!val) return '- -';
var date = new Date(val);
var year = date.getFullYear();
var month = date.getMonth() + 1;
month = month < 10 ? '0' + month : month;
var day = date.getDate();
day = day < 10 ? '0' + day : day;
var h = date.getHours();
h = h < 10 ? '0' + h : h;
var m = date.getMinutes();
m = m < 10 ? '0' + m : m;
return year + '-' + month + '-' + day + ' ' + h + ':' + m;
}
在main.js全局引入
import filter from './assets/util/util'
// 全局导入时间过滤器
Object.keys(filter).forEach(key => Vue.filter(key, filter[key]))
【vue时间格式化的处理方法】页面调用
>{{item.createTime | dateFormart('yyyy-MM-dd')}}
最后生成格式//2020-01-01
推荐阅读
- 20170612时间和注意力开销记录
- 时间老了
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- Eddy小文
- C语言中的时间函数clock()和time()你都了解吗
- 山香|山香 善思 智学访谈
- 请给时间一点时间
- 全过程工程咨询——时间管理（12）
- 最有效的时间管理工具（赢效率手册和总结笔记）