日期转换

最新推荐文章于 2024-07-15 03:36:15 发布

最新推荐文章于 2024-07-15 03:36:15 发布 · 122 阅读

文章标签：

#J# #JavaScript #HTML #ViewUI

JS特效专栏收录该内容

1 篇文章

订阅专栏

本文提供了一个使用JavaScript实现的日期转换函数，能够将标准的YYYY-MM-DD格式日期转换为中文的大写形式，例如将2009-03-01转换为二〇〇九年三月一日。

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

1 将2009-03-01 转换为二〇〇九年三月一日

直接html代码：

<html>
	<head>
		<title>Date Change</title>
<script language="javascript">
//日期转换函数 如2009-03-01 转换为二〇〇九年三月一号
function changeDate(targetId) {
	//根据传递的控件ID从页面取值
	var targetObj = document.getElementById(targetId);
	var targetVal = targetObj.value;
	//字符串分割 yyyy-MM-dd分割成数组
	var targetArr = targetVal.split("-");
	var rltYear="", rltMonth="", rltDate="";
	//取得实际的年 月 日
	var tmpYear=targetArr[0], tmpMonth=targetArr[1], tmpDate=targetArr[2];
	//设置中文和数字对应关系
	var b = ["〇", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
	//处理年，直接循环兑换即可
	for(var i=0; i<tmpYear.length; i++) {
		var t = tmpYear.substr(i,1);
		rltYear += b[parseInt(t)];
	}
	//处理月，0×月去掉前面的0 / 1×则变为“十×”
	for(var j=0; j<tmpMonth.length; j++) {
		var t = tmpMonth.substr(j,1);
		if(j==0) {
			if(t!="0") rltMonth += "十";
			continue;
		}
		if(j==1 && t=="0") continue;
		
		rltMonth += b[parseInt(t)];
	}
	//处理日，小于10去掉前面的0 / 大于10小于20变为“十×” / 大于20全部显示
	for(var k=0; k<tmpDate.length; k++) {
		var t = tmpDate.substr(k,1);
		if(k==0) {
			if(parseInt(t)>1) {rltDate += b[parseInt(t)]; rltDate += "十";}
			if(t=="1") rltDate += "十";
			continue;
		}
		if(k==1 && t=="0") continue;
		
		rltDate += b[parseInt(t)];
	}
	
	var rltStr = rltYear + "年" + rltMonth + "月" + rltDate + "日";
	document.getElementById("display").innerHTML = rltStr;
}
</script>
	</head>
	<body>
		<input type="text" name="Date" id="date" value="">
		<input type="button" name="B1" value="进行日期转换" onclick="changeDate('date');"><br>
		<div id="display" style="width:300px; height:100px; display:block; border:1px solid gray; padding:10px; text-align:center;">
			
		</div>
	</body>
</html>

注：

只对大于1K年以上的年有效，否则显示〇〇〇×年

运行效果