https://sukerasparo.com/js/timedisplay.js

1document.addEventListener('DOMContentLoaded', (event) => {
2
3	document.querySelectorAll('*[lang="ja"] time.display').forEach(function(timeDisplay){
4		var datetime = new Date(timeDisplay.getAttribute("datetime"));
5
6		var year = datetime.getFullYear() ;	// å¹´
7		var month = datetime.getMonth() + 1 ;	// 月
8		var day = datetime.getDate() ;	// 日
9		var hour = datetime.getHours() ;	// 時
10		var minute = datetime.getMinutes() ;	// 分
11		var second = datetime.getSeconds() ;	// 秒
12		var dayOfWeek = datetime.getDay() ;	// 曜日(数値)
13		var dayOfWeekStr = [ "日", "月", "火", "水", "木", "金", "土" ][dayOfWeek] ;	// 曜日(日本語表記)
14
15		timeDisplay.innerText = year + "年" + month + "月" + day + "日(" + dayOfWeekStr + ")";
16	})
17	document.querySelectorAll('*[lang="ja"] time.display.period').forEach(function(timeDisplay){
18		var datetime = new Date(timeDisplay.getAttribute("datetime"));
19
20		var year = datetime.getFullYear() ;	// å¹´
21		var month = datetime.getMonth() + 1 ;	// 月
22		var day = datetime.getDate() ;	// 日
23		var hour = datetime.getHours() ;	// 時
24		var minute = datetime.getMinutes() ;	// 分
25		var second = datetime.getSeconds() ;	// 秒
26		var dayOfWeek = datetime.getDay() ;	// 曜日(数値)
27		var dayOfWeekStr = [ "日", "月", "火", "水", "木", "金", "土" ][dayOfWeek] ;	// 曜日(日本語表記)
28
29		month = month.toString().padStart( 2, '0');
30		day = day.toString().padStart( 2, '0');
31		timeDisplay.innerText = year + "." + month + "." + day;
32	})
33
34	document.querySelectorAll('*[lang="en"] time.display').forEach(function(timeDisplay){
35		var datetime = new Date(timeDisplay.getAttribute("datetime"));
36
37		var year = datetime.getFullYear() ;	// å¹´
38		var month = datetime.getMonth() + 1 ;	// 月
39		var day = datetime.getDate() ;	// 日
40		var hour = datetime.getHours() ;	// 時
41		var minute = datetime.getMinutes() ;	// 分
42		var second = datetime.getSeconds() ;	// 秒
43		var dayOfWeek = datetime.getDay() ;	// 曜日(数値)
44		var monthStr = [ "January", "February", "March", "April", "Thursday", "May", "June", "July", "August", "September", "October", "

44November", "December" ][dayOfWeek] ;	// 月の数字を単語に変換
45		var dayOfWeekStr = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ][dayOfWeek] ;	// 曜日(日本語表記)
46
47		timeDisplay.innerText = monthStr + " " + day + ", " + year + "(" + dayOfWeekStr + ")";
48	})
49
50	document.querySelectorAll('*[lang="ko"] time.display').forEach(function(timeDisplay){
51		var datetime = new Date(timeDisplay.getAttribute("datetime"));
52
53		var year = datetime.getFullYear() ;	// å¹´
54		var month = datetime.getMonth() + 1 ;	// 月
55		var day = datetime.getDate() ;	// 日
56		var hour = datetime.getHours() ;	// 時
57		var minute = datetime.getMinutes() ;	// 分
58		var second = datetime.getSeconds() ;	// 秒
59		var dayOfWeek = datetime.getDay() ;	// 曜日(数値)
60		var dayOfWeekStr = [ "일", "월", "화", "수", "목", "금", "토" ][dayOfWeek] ;	// 曜日(日本語表記)
61
62		timeDisplay.innerText = year + "년" + month + "월" + day + "일(" + dayOfWeekStr + ")";
63	})
64});