回答編集履歴
2
date出力処理から「年」を削除
test
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
### Intl.DateTimeFormat()
|
|
2
2
|
|
|
3
3
|
`Intl.DateTimeFormat()` を使うと、日時表示形式の管理を簡略化できます。
|
|
4
|
+
|
|
5
|
+
- [Plunker \- Intl\.DateTimeFormat\(\)](https://plnkr.co/edit/5SA2eMOLJSDLUOW3?open=index.html&preview)
|
|
4
6
|
|
|
5
7
|
- [Intl\.DateTimeFormat\(\) コンストラクター \- JavaScript \| MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat)
|
|
6
8
|
|
|
@@ -38,6 +40,7 @@
|
|
|
38
40
|
}
|
|
39
41
|
</style>
|
|
40
42
|
</head>
|
|
43
|
+
|
|
41
44
|
<body>
|
|
42
45
|
<div class="date-time">
|
|
43
46
|
<div class="inner">
|
|
@@ -46,19 +49,22 @@
|
|
|
46
49
|
</div>
|
|
47
50
|
</div>
|
|
48
51
|
|
|
52
|
+
<ul>
|
|
53
|
+
<li><a href="https://teratail.com/questions/a9vii937yjird8">日時と曜日を自動更新表示したい(javascript)</a></li>
|
|
54
|
+
</ul>
|
|
55
|
+
|
|
49
56
|
<script>
|
|
50
57
|
'use strict';
|
|
51
58
|
|
|
52
|
-
function get
|
|
59
|
+
function getMMDDAAA(date) {
|
|
53
60
|
return Intl.DateTimeFormat('ja-JP', {
|
|
54
61
|
hour12: false,
|
|
62
|
+
month: 'numeric',
|
|
55
|
-
y
|
|
63
|
+
day: 'numeric'
|
|
56
|
-
month: '2-digit',
|
|
57
|
-
day: '2-digit'
|
|
58
64
|
}).format(date) + '(' +
|
|
59
65
|
Intl.DateTimeFormat('en-US', {
|
|
60
66
|
weekday: 'short'
|
|
61
|
-
}).format(date) + ')';
|
|
67
|
+
}).format(date) + '.)';
|
|
62
68
|
}
|
|
63
69
|
|
|
64
70
|
function getHHMM(date) {
|
|
@@ -69,11 +75,11 @@
|
|
|
69
75
|
}).format(date);
|
|
70
76
|
}
|
|
71
77
|
|
|
72
|
-
setInterval((div) => div.textContent = get
|
|
78
|
+
setInterval((div) => div.textContent = getMMDDAAA(new Date), 1000, document.getElementById('Date'));
|
|
73
79
|
setInterval((div) => div.textContent = getHHMM(new Date), 1000, document.getElementById('Time'));
|
|
74
80
|
|
|
75
|
-
console.log(get
|
|
81
|
+
console.log(getMMDDAAA(new Date(2022, 0, 1, 1, 1))); // 1/1(Sat.)
|
|
76
|
-
console.log(getHHMM(new Date(2022, 0, 1, 1, 1)));
|
|
82
|
+
console.log(getHHMM(new Date(2022, 0, 1, 1, 1))); // 01:01
|
|
77
83
|
</script>
|
|
78
84
|
</body>
|
|
79
85
|
</html>
|
1
「特別な理由がなければ」の削除
test
CHANGED
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
> setInterval('DisplayDate()',1000);
|
|
87
87
|
> ```
|
|
88
88
|
|
|
89
|
-
setInterval()の第一引数に文字列を渡すことは、eval()と同様の問題がある為、
|
|
89
|
+
setInterval()の第一引数に文字列を渡すことは、eval()と同様の問題がある為、お勧めしません。
|
|
90
90
|
|
|
91
91
|
- [setTimeout\(\) \- Web API \| MDN](https://developer.mozilla.org/ja/docs/Web/API/setTimeout#%E6%96%87%E5%AD%97%E5%88%97%E3%83%AA%E3%83%86%E3%83%A9%E3%83%AB%E3%81%AE%E4%BD%BF%E7%94%A8)
|
|
92
92
|
|