JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html> 
<html>
	<head>
		<meta charset="utf-8">
		
		<script>
			var chnDay = ["日", "一", "二", "三", "四", "五", "六"]
			var t = new Date();
			var y = t.getFullYear();
			var m = t.getMonth();	// 由getMonth()得到的值是0~11
			var d1 = t.getDate();
			var d2 = t.getDay();

			function displayCalender(i)
			{
			 d1 += i;
			 d2 = (d2 + i + 7) % 7;
			 
			 if ( d1 >0 && d1 <= 28 )
			    {
				 ;
			    }
			 else
				{
				 if ( d1==32 && (m==0||m==2||m==4||m==6||m==7||m==9||m==11) )
				    {
					 m = (m+1)%12;
					 if ( m==0 ) y += 1;
					 d1 = 1;					
				    }
				 else if ( d1==31 && (m==3||m==5||m==8||m==10) ) 
				    {
					 m = m+1;
					 d1 = 1;					
				    }
				 else 
				    {
					 leapYear = ( y%4==0 && y%100!=0 ) || (y%400==0);
					 if ( leapYear==1 && m==1 && d1==30 ) 
					    {
						 m = m+1;
						 d1 = 1;					
					    }
					 else if ( leapYear==0 && m==1 && d1==29 )
					    {
						 m = m+1;
						 d1 = 1;				
					    }
					 else
					    {
						 ;
					    }
				    }
				}
				
			 var m1 = m+1; // 不直接使用變數m來顯示, 而是準備另一個變數m1來做顯示之用
			 var s = '<h2 align="center">' + y + '年' + m1 + '月</h2>';
			 s += '<h1 align="center">' + d1 + '</h1>';
			 s += '<h3 align="center">星期' + chnDay[d2] + '</h3>';
			 document.getElementById("showCalender").innerHTML = s;
			}
		</script>
	</head>
	<body>
		<div id="showCalender"></div>
		<script>displayCalender(0)</script>
		<a href="javascript:displayCalender(-1)" style="float:left;">前一天</a>
		<a href="javascript:displayCalender(1)" style="float:right;">後一天</a>
	</body>
</html>