回答編集履歴

10

結果画像を入れました

2015/12/09 09:10

投稿

hsk
hsk

スコア728

test CHANGED
@@ -1,4 +1,10 @@
1
1
  こんにちは。
2
+
3
+
4
+
5
+ ご参考までに、このような感じでOKでしょうか?
6
+
7
+ ![イメージ説明](cba2085d4430f3c25f9c82439a8da5a2.png)
2
8
 
3
9
 
4
10
 

9

修正しました

2015/12/09 09:10

投稿

hsk
hsk

スコア728

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

補足

2015/12/09 08:38

投稿

hsk
hsk

スコア728

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

補足

2015/12/09 06:12

投稿

hsk
hsk

スコア728

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

補足

2015/12/09 06:11

投稿

hsk
hsk

スコア728

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

修正

2015/12/09 06:08

投稿

hsk
hsk

スコア728

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

修正

2015/12/09 06:03

投稿

hsk
hsk

スコア728

test CHANGED
@@ -42,7 +42,7 @@
42
42
 
43
43
  // 該当する #YYYYMMDD# を ymd に得ます。
44
44
 
45
- ymd = sprintf("#%s%s%02d#", year, month, i);
45
+ ymd = "#" + year + month + String(100 + i).substr(1, 2);;
46
46
 
47
47
  // 祝日情報文字列中に、該当する#YYYYMMDD# があるかどうかで、td要素に対するクラス指定を行います。
48
48
 

3

補足

2015/12/09 06:03

投稿

hsk
hsk

スコア728

test CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
 
16
16
 
17
- ```js
17
+ ```javascript
18
18
 
19
19
  ...
20
20
 

2

修正

2015/12/09 06:01

投稿

hsk
hsk

スコア728

test CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
 
16
16
 
17
- ```php
17
+ ```js
18
18
 
19
19
  ...
20
20
 
@@ -22,7 +22,7 @@
22
22
 
23
23
  // (これは、データの例です。配列として一気に取り込んでもよいでしょう)
24
24
 
25
- $dayoffs = "#20150101#20150112#20150211#20151223#"; // 例:2015年祝日情報(途中省略)
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# を $ymd に得ます。
43
+ // 該当する #YYYYMMDD# を ymd に得ます。
44
44
 
45
- $ymd = sprintf("#%s%s%02d#", year, month, i);
45
+ ymd = sprintf("#%s%s%02d#", year, month, i);
46
46
 
47
47
  // 祝日情報文字列中に、該当する#YYYYMMDD# があるかどうかで、td要素に対するクラス指定を行います。
48
48
 
49
- $attr = (strpos($dayoffs, $ymd) !== false)?" daysoff":"";
49
+ attr = dayoffs.indexof(ymd)?" daysoff":"";
50
50
 
51
51
 
52
52
 
53
- html += "<td" + $attr + ">" + i + "</td>";
53
+ html += "<td" + attr + ">" + i + "</td>";
54
54
 
55
55
 
56
56
 

1

補足

2015/12/09 06:00

投稿

hsk
hsk

スコア728

test CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
 
4
4
 
5
- 私であれば、<TD> に祝日クラスを付与します。②に近いですね。次のようにします。
5
+ 私であれば、<td> 要素に祝日用のクラスを付与します。②に近いですね。次のようにします。
6
6
 
7
7
 
8
8
 
9
9
  ```css
10
10
 
11
- TD.daysoff {color: red;}
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