处理接口返回的日期数据格式

仿生阿尔泰人

已于 2022-02-14 09:58:33 修改

阅读量624

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端菜鸟学习笔记文章标签： javascript html html5

于 2021-09-28 10:56:17 首次发布

本文链接：https://blog.csdn.net/qq_43499191/article/details/120524419

前端菜鸟学习笔记专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何将日期字符串从'2021-09-2615:10:55'格式转换为'2021年9月26日'的简洁形式。通过JavaScript代码展示了两种不同的处理思路，包括使用split()方法和正则表达式去除前导零的方法。这些技巧在前端开发中常用于格式化日期显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将2021-01-01 12:00:00处理为2021年1月1日

刚开始的思路

var time = "2021-09-26 15:10:55"

splitData(){
let formatedYear = time.trim().split(splitSymbol1)[arrayItem1].split(splitSymbol2)[0].replace(/\b(0+)/gi,"") + "年" + 
                   time.trim().split(splitSymbol1)[arrayItem1].split(splitSymbol2)[1].replace(/\b(0+)/gi,"") + "月" +
                   time.trim().split(splitSymbol1)[arrayItem1].split(splitSymbol2)[2].replace(/\b(0+)/gi,"") + "日"
}
/* 
1.split() 将()内的值作为分隔符 把字符串分割为数组 
eg:let value = "hellow" 
console.log(value.split('')) //'h','e','l','l','o','w'

2. .replace(/\b(0+)/gi,"") 用于去除字符串前部无用的 0
*/
console.log(this.splitData(time ,' ',0,'-')) // 2021年9月26日

简化后的思路

var time = "2021-09-26 15:10:55"

splitData(){
	let formatedYear = time.trim().split(splitSymbol1)[arrayItem1].split(splitSymbol2).map(item =>{
        return item.replace(/\b(0+)/gi,"")
     })
     return formatedYear[0] + "年" + formatedYear[1] + "月" + formatedYear[2] + "日"
}

console.log(this.splitData(time ,' ',0,'-')) // 2021年9月26日