用js自己封装一个日期格式化组件——自造轮子,避免项目冗杂

zhuanbike 2022-2-26 737

我们在使用:

date = new Date();的时候,日期是一个js默认标准时间格式,在很多场景中我们需要封装成自己的时间格式。

如果想转化成时间戳,则 return date*1 

下面写一个自己封装的日期格式化组件,当然进行了setInterval动态显示时间的加工。

<script type="text/javascript">
		const date =new Date();
		function timer(){
			let date =new Date();//在线的timer()定时获取最新时间
			return document.body.innerHTML=`${date}<br/>${dateFormat(date)}<br/>${dateFormat(date,'YYYY年MM月DD日 HH点mm分ss秒')}`
		}
		function dateFormat(date,format="YYYY-MM-DD HH:mm:ss"){
			const config={
				YYYY:date.getFullYear(),
				MM:date.getMonth(),
				DD:date.getDay(),
				HH:date.getHours(),
				mm:date.getMinutes(),
				ss:date.getSeconds()
			};
			for (const key in config){
				format = format.replace(key,config[key]);
			}
			return format;
		};
		document.write(dateFormat(date,'YYYY年MM月DD日 HH点mm分ss秒'))
		setInterval('timer();',1000)
</script>


最新回复 (0)
发新帖