旧的版本
常用的方法可以放在公共文件夹下,当别的项目需要的时候,方便使用
// 对UTC 时间格式转换成正常时间显示
export const timeChange = UTCDateString => {
if (!UTCDateString) {
return '-';
}
function formatFunc(str) {
return str > 9 ? str : '0' + str
}
var date2 = new Date(UTCDateString);
console.log('时间', date2)
var year = date2.getFullYear();
var mon = formatFunc(date2.getMonth() + 1);
var day = formatFunc(date2.getDate());
var hour = date2.getHours();
var noon = hour >= 12 ? 'PM' : 'AM'; // 判断是上午还是下午
hour = hour >= 12 ? hour - 12 : hour; // 12小时制
hour = formatFunc(hour);
var min = formatFunc(date2.getMinutes());
var sec = formatFunc(date2.getSeconds());
// var dateStr = year + '-' + mon + '-' + day + ' ' + hour + ':' + min + ':' + sec;
var dateStr = year + '-' + mon + '-' + day;
return dateStr;
}
优化
优化:
- 使用vue过滤器,在入口文件定义全局过滤器
- 使用ES6新增加语法:
- str.padStrat()
- 模板字符串
// UTC时间过滤器
Vue.filter('dateFormat', function(originVal) {
if (!originVal) return ''
const dt = new Date(originVal)
const y = dt.getFullYear()
const m = (dt.getMonth() + 1 + '').padStart(2, '0')
const d = (dt.getDate() + '').padStart(2, '0')
return `${y}-${m}-${d}`
})