回答編集履歴
10
結果画像を入れました
test
CHANGED
@@ -1,4 +1,10 @@
|
|
1
1
|
こんにちは。
|
2
|
+
|
3
|
+
|
4
|
+
|
5
|
+
ご参考までに、このような感じでOKでしょうか?
|
6
|
+
|
7
|
+
![イメージ説明](cba2085d4430f3c25f9c82439a8da5a2.png)
|
2
8
|
|
3
9
|
|
4
10
|
|
9
修正しました
test
CHANGED
@@ -54,7 +54,13 @@
|
|
54
54
|
|
55
55
|
// 祝日情報文字列中に、該当する#YYYYMMDD# があるかどうかで、td要素に対するクラス指定を行います。
|
56
56
|
|
57
|
+
|
58
|
+
|
57
|
-
attr = dayoffs.indexof(ymd)?" daysoff":"";
|
59
|
+
// ※間違いでした... attr = dayoffs.indexof(ymd)?" daysoff":"";
|
60
|
+
|
61
|
+
attr = (-1 < dayoffs.indexOf(ymd)) ? ' class="daysoff"' : "";
|
62
|
+
|
63
|
+
|
58
64
|
|
59
65
|
// htmlを生成します。
|
60
66
|
|
8
補足
test
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
① の意味合い(1日ずつAPIを呼ぶ?ちがっていたらすみません)では、その分、負荷がかかったりレスポンスが遅くなったりするので、祝日情報はまとめて取得しておきます。祝日は動的ではないですし、日数は年の日数に対して少ないですから。
|
9
|
+
① の意味合い(1日ずつAPIを呼ぶ?ちがっていたらすみません)では、その分、負荷がかかったりレスポンスが遅くなったりするので、祝日情報はまとめて取得しておきます。祝日は動的ではないですし、祝日日数は年間の日数に対して少ないですから。
|
10
10
|
|
11
11
|
|
12
12
|
|
7
補足
test
CHANGED
@@ -7,6 +7,10 @@
|
|
7
7
|
|
8
8
|
|
9
9
|
① の意味合い(1日ずつAPIを呼ぶ?ちがっていたらすみません)では、その分、負荷がかかったりレスポンスが遅くなったりするので、祝日情報はまとめて取得しておきます。祝日は動的ではないですし、日数は年の日数に対して少ないですから。
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
それから、振替休日などはクライアント側で逐一計算せずに、APIから振替日そのものを祝日(の仲間)として返してもらえれば、それに越したことはありません(変数名やクラス名を holydays ではなく daysoff としたのは、そのような意味合いもあります)
|
10
14
|
|
11
15
|
|
12
16
|
|
6
補足
test
CHANGED
@@ -2,7 +2,11 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
私であれば、<td> 要素に祝日用のクラスを付与します。②に近いですね。次のようにします。
|
5
|
+
私であれば、<td> 要素に祝日用のクラスを付与します。②に近いですね。次のコードのようにします。
|
6
|
+
|
7
|
+
|
8
|
+
|
9
|
+
① の意味合い(1日ずつAPIを呼ぶ?ちがっていたらすみません)では、その分、負荷がかかったりレスポンスが遅くなったりするので、祝日情報はまとめて取得しておきます。祝日は動的ではないですし、日数は年の日数に対して少ないですから。
|
6
10
|
|
7
11
|
|
8
12
|
|
5
修正
test
CHANGED
@@ -20,7 +20,7 @@
|
|
20
20
|
|
21
21
|
// 祝日情報
|
22
22
|
|
23
|
-
// (これは、データの例です。配列として一気に取り込
|
23
|
+
// (これは、データの例です。配列として一気に取り込む、そのほかAPIに合わせてもよいでしょう)
|
24
24
|
|
25
25
|
dayoffs = "#20150101#20150112#20150211#20151223#"; // 例:2015年祝日情報(途中省略)
|
26
26
|
|
@@ -42,13 +42,13 @@
|
|
42
42
|
|
43
43
|
// 該当する #YYYYMMDD# を ymd に得ます。
|
44
44
|
|
45
|
-
ymd = "#" + year + month + String(100 + i).substr(1, 2);
|
45
|
+
ymd = "#" + year + month + String(100 + i).substr(1, 2) + "#";
|
46
46
|
|
47
47
|
// 祝日情報文字列中に、該当する#YYYYMMDD# があるかどうかで、td要素に対するクラス指定を行います。
|
48
48
|
|
49
49
|
attr = dayoffs.indexof(ymd)?" daysoff":"";
|
50
50
|
|
51
|
-
|
51
|
+
// htmlを生成します。
|
52
52
|
|
53
53
|
html += "<td" + attr + ">" + i + "</td>";
|
54
54
|
|
4
修正
test
CHANGED
@@ -42,7 +42,7 @@
|
|
42
42
|
|
43
43
|
// 該当する #YYYYMMDD# を ymd に得ます。
|
44
44
|
|
45
|
-
ymd =
|
45
|
+
ymd = "#" + year + month + String(100 + i).substr(1, 2);;
|
46
46
|
|
47
47
|
// 祝日情報文字列中に、該当する#YYYYMMDD# があるかどうかで、td要素に対するクラス指定を行います。
|
48
48
|
|
3
補足
test
CHANGED
@@ -14,7 +14,7 @@
|
|
14
14
|
|
15
15
|
|
16
16
|
|
17
|
-
```js
|
17
|
+
```javascript
|
18
18
|
|
19
19
|
...
|
20
20
|
|
2
修正
test
CHANGED
@@ -14,7 +14,7 @@
|
|
14
14
|
|
15
15
|
|
16
16
|
|
17
|
-
```
|
17
|
+
```js
|
18
18
|
|
19
19
|
...
|
20
20
|
|
@@ -22,7 +22,7 @@
|
|
22
22
|
|
23
23
|
// (これは、データの例です。配列として一気に取り込んでもよいでしょう)
|
24
24
|
|
25
|
-
|
25
|
+
dayoffs = "#20150101#20150112#20150211#20151223#"; // 例:2015年祝日情報(途中省略)
|
26
26
|
|
27
27
|
...
|
28
28
|
|
@@ -40,17 +40,17 @@
|
|
40
40
|
|
41
41
|
}
|
42
42
|
|
43
|
-
// 該当する #YYYYMMDD# を
|
43
|
+
// 該当する #YYYYMMDD# を ymd に得ます。
|
44
44
|
|
45
|
-
|
45
|
+
ymd = sprintf("#%s%s%02d#", year, month, i);
|
46
46
|
|
47
47
|
// 祝日情報文字列中に、該当する#YYYYMMDD# があるかどうかで、td要素に対するクラス指定を行います。
|
48
48
|
|
49
|
-
|
49
|
+
attr = dayoffs.indexof(ymd)?" daysoff":"";
|
50
50
|
|
51
51
|
|
52
52
|
|
53
|
-
html += "<td" +
|
53
|
+
html += "<td" + attr + ">" + i + "</td>";
|
54
54
|
|
55
55
|
|
56
56
|
|
1
補足
test
CHANGED
@@ -2,13 +2,13 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
私であれば、<
|
5
|
+
私であれば、<td> 要素に祝日用のクラスを付与します。②に近いですね。次のようにします。
|
6
6
|
|
7
7
|
|
8
8
|
|
9
9
|
```css
|
10
10
|
|
11
|
-
|
11
|
+
td.daysoff {color: red;}
|
12
12
|
|
13
13
|
```
|
14
14
|
|
@@ -20,7 +20,9 @@
|
|
20
20
|
|
21
21
|
// 祝日情報
|
22
22
|
|
23
|
+
// (これは、データの例です。配列として一気に取り込んでもよいでしょう)
|
24
|
+
|
23
|
-
$dayoffs = "#20150101#20150112#20150211#20151223#"; // 2015年祝日情報途中省略
|
25
|
+
$dayoffs = "#20150101#20150112#20150211#20151223#"; // 例:2015年祝日情報(途中省略)
|
24
26
|
|
25
27
|
...
|
26
28
|
|
@@ -38,11 +40,19 @@
|
|
38
40
|
|
39
41
|
}
|
40
42
|
|
43
|
+
// 該当する #YYYYMMDD# を $ymd に得ます。
|
44
|
+
|
41
45
|
$ymd = sprintf("#%s%s%02d#", year, month, i);
|
46
|
+
|
47
|
+
// 祝日情報文字列中に、該当する#YYYYMMDD# があるかどうかで、td要素に対するクラス指定を行います。
|
42
48
|
|
43
49
|
$attr = (strpos($dayoffs, $ymd) !== false)?" daysoff":"";
|
44
50
|
|
51
|
+
|
52
|
+
|
45
53
|
html += "<td" + $attr + ">" + i + "</td>";
|
54
|
+
|
55
|
+
|
46
56
|
|
47
57
|
count++;
|
48
58
|
|