https://www.nagai.co.jp/js/calendar.js?3

1// Cal3.4.0 / 2012-10-22
2// SYNCK GRAPHICA
3// charset UTF-8
4
5var calObj = new Array();
6
7/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
8
9//【以下カレンダー0の設定】
10
11// [0]は0番目のカレンダー
12calObj[0] = new Object();
13
14// xヶ月後のカレンダーを初期表示するか (0の場合は当月)
15calObj[0].defaultMonth = 0;
16
17// ["day"] 日付に対してのクラス指定
18calObj[0].daysClass = new Object();
19calObj[0].daysClass["2021/12/28"] = 'tanaoroshi;出荷停止';
20calObj[0].daysClass["2021/12/29"] = 'tanaoroshi;出荷停止';
21calObj[0].daysClass["2022/3/1"] = 'tanaoroshi;棚卸のため出荷停止';
22calObj[0].daysClass["2021/12/1"] = 'tanaoroshi;棚卸のため出荷業務のみお休み';
23calObj[0].daysClass["2019/3/1"] = 'tanaoroshi;棚卸のため出荷業務のみお休み';
24calObj[0].daysClass["2019/6/3"] = 'tanaoroshi;棚卸のため出荷業務のみお休み';
25calObj[0].daysClass["2019/9/2"] = 'tanaoroshi;棚卸のため出荷業務のみお休み';
26calObj[0].daysClass["2019/12/2"] = 'tanaoroshi;棚卸のため出荷業務のみお休み';
27// セミコロンで区切ると説明コメント、URLを付けることができます(全クラス指定共通)。
28//calObj[0].daysClass["2014/9/1"] = 'tanaoroshi;棚卸のため、出荷業務のみお休みさせていただきます;http://www.nagai.co.jp/webcatalogue/shop.html';
29//年を抜くと毎年calObj[0].daysClass["9/1"] = 'tanaoroshi;棚卸のため、出荷業務のみお休みさせていただきます';
30calObj[0].daysClass["1/1"] = 'Holyday'; // 元日
31calObj[0].daysClass["1/2"] = 'Holyday'; // 年始
32calObj[0].daysClass["1/3"] = 'Holyday'; // 年始
33calObj[0].daysClass["1/4"] = 'Holyday'; // 年始
34calObj[0].daysClass["1/11"] = 'Holyday'; // 成人の日
35calObj[0].daysClass["2/11"] = 'Holyday' // 建国記念日
36calObj[0].daysClass["2/23"] = 'Holyday'; // 天皇誕生日
37//calObj[0].daysClass["2/24"] = 'Holyday'; // 振替休日
38calObj[0].daysClass["3/20"] = 'Holyday' // 春分の日
39calObj[0].daysClass["4/29"] = 'Holyday'; // 昭和の日
40calObj[0].daysClass["5/3"] = 'Holyday'; // 憲法記念日
41calObj[0].daysClass["5/4"] = 'Holyday'; // みどりの日
42calObj[0].daysClass["5/5"] = 'Holyday'; // こどもの日
43calObj[0].daysClass["5/6"] = 'Holyday'; // 振替休日
44calObj[0].daysClass["7/20"] = 'Holyday'; // 海の日
45calObj[0].daysClass["8/11"] = 'Holyday'; // 山の日
46//calObj[0].daysClass["8/12"] = 'Holyday'; // 振替休日
47calObj[0].daysClass["8/13"] = 'Holyday'; // お盆
48calObj[0].daysClass["8/14"] = 'Holyday'; // お盆
49calObj[0].daysClass["8/15"] = 'Holyday'; // お盆
50calObj[0].daysClass["8/16"] = 'Holyday'; // お盆
51calObj[0].daysClass["9/21"] = 'Holyday'; // 敬老の日
52calObj[0].daysClass["9/22"] = 'Holyday'; // 国民の休日
53calObj[0].daysClass["9/23"] = 'Holyday'; // 秋分の日
54//calObj[0].daysClass["9/23"] = 'Holyday'; // 振替休日
55calObj[0].daysClass["10/12"] = 'Holyday'; // スポーツの日
56calObj[0].daysClass["11/3"] = 'Holyday'; // 文化の日
57//calObj[0].daysClass["11/4"] = 'Holyday'; // 振替休日
58calObj[0].daysClass["11/23"] = 'Holyday'; // 勤労感謝の日
59calObj[0].daysClass["12/29"] = 'Holyday'; // 年末
60calObj[0].daysClass["12/30"] = 'Holyday'; // 年末
61calObj[0].daysClass["12/31"] = 'Holyday'; // 年末
62
63calObj[0].daysClass["6/1"]  = 'tanaoroshi;棚卸のため出荷業務のみお休み';
64calObj[0].daysClass["9/1"]  = 'tanaoroshi;棚卸のため出荷業務のみお休み';
65calObj[0].daysClass["12/1"]  = 'tanaoroshi;棚卸のため出荷業務のみお休み';
66calObj[0].daysClass["3/2"]  = 'tanaoroshi;棚卸のため出荷業務のみお休み';
67
68
69// ["xDaysLater"] ○日後のクラス指定
70calObj[0].xDaysLater = new Array();
71calObj[0].xDaysLater[0] = 'Today'; // 0日後にTodayクラスを指定
72
73
74// ["xDay"] 毎月○日のクラス指定
75calObj[0].xDays = new Array();
76//calObj[0].xDays[1] = 'Sale;毎月1日は激安セールの日☆'; // 毎月1日にSaleクラスを指定
77
78
79// ["week"] 毎週○曜日の場合
80calObj[0].week = new Array();
81calObj[0].week[0] = "Sun"; // Sun
82calObj[0].week[1]; // Mon
83calObj[0].week[2]; // Tue
84calObj[0].week[3]; // Wed
85calObj[0].week[4]; // Thu
86calObj[0].week[5]; // Fri
87calObj[0].week[6] = "Sat"; // Sat
88
89
90// (○月) 第× △曜日の場合

91calObj[0].month = new Object();
92// 毎月「曜日-第○」 日:0 / 月:1 / 火:2 / 水:3 / 木:4 / 金:5 / 土:6
93//calObj[0].month["2-4"] = 'Holyday;第4火曜日は定休日です☆'; // 第4火曜日はHolydayクラス指定
94// 固定月「月-曜日-第○」 日:0 / 月:1 / 火:2 / 水:3 / 木:4 / 金:5 / 土:6
95calObj[0].month["1-1-2"] = 'Holyday'; // 1月 月曜日(1) 第2 成人の日
96//calObj[0].month["7-1-3"] = 'Holyday'; // 7月 月曜日(1) 第3 海の日
97//calObj[0].month["9-1-3"] = 'Holyday'; // 9月 月曜日(1) 第3 敬老の日
98calObj[0].month["10-1-2"] = 'Holyday'; // 10月 月曜日(1) 第2 体育の日
99
100
101// ["backward"] 過去の日付のクラス名(指定しない場合はnull)
102calObj[0].backward = 'backward';
103
104
105// カレンダーをクリックできるようにする場合 (有効 : true / 無効 : false)
106// クラス指定でURLが指定されている場合はそっちが優先されます。
107calObj[0].click = false;
108
109
110// クリックした時に開くURL ( _YEAR_ : 年 / _MONTH_ : 月 / _DAY_ : 日 )
111calObj[0].clickURI = 'http://www.yahoo.co.jp/?year=_YEAR_&month=_MONTH_&day=_DAY_';
112
113
114// クリック可能にしたいクラス名 (すべての日をクリック可能にする場合は空にしてください)
115// Holyday と指定した場合はclassがHolyday指定された日付だけクリックできるようになります。
116calObj[0].clickClassName = "";
117
118
119// 優先度 クラス指定する順番が変わります。
120calObj[0].priority = new Array('week','xDaysLater','day','backward');
121
122//【カレンダー0の設定はここまで】
123
124
125
126// [0]のカレンダーを[1]にコピーしてちょっと修正する。
127calObj[1] = new Object();
128calObj[1] = cal_clone(calObj[0]);
129calObj[1].defaultMonth = 1; //翌月から表示
130// カレンダー1の設定はここまで
131
132/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
133
134// 以下、さわらぬ神にたたりなし
135calObj.calendars = new Array();
136calObj.days = new Array(0,31,28,31,30,31,30,31,31,30,31,30,31);
137calObj.weekName = new Array("日","月","火","水","木","金","土");
138calObj.monthName = new Array('','1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月');
139calObj.date = new Date();
140calObj.date = new Date(calObj.date.getFullYear() + "/" + (calObj.date.getMonth() + 1) + "/" + calObj.date.getDate() + " 00:00:00");
141calObj.day = calObj.date.getDate();
142calObj.month = calObj.date.getMonth() + 1;
143calObj.year = calObj.date.getFullYear();
144calObj.currentList = null;
145
146function cal_init(){
147	var d = window.document;
148	var tagObj = d.getElementsByTagName("div");
149	var calToday = new Date();
150	for(var i=0;i<tagObj.length;i++){
151		if(tagObj[i].className == "cal_wrapper"){
152			var calId = Number(tagObj[i].id.substring(3,tagObj[i].id.length));
153			calObj.calendars.push(calId);
154			if(0 < (calObj.month + calObj[calId].defaultMonth) && (calObj.month + calObj[calId].defaultMonth) < 13)
155				calObj[calId].currentMonth = new Date(calObj.year+"/"+(calObj.month + calObj[calId].defaultMonth)+"/"+"1 00:00:00");
156			else 
157				calObj[calId].currentMonth = new Date((calObj.year+1)+"/"+((calObj.month + calObj[calId].defaultMonth)%12)+"/"+"1 00:00:00");
158			cal_create(calId);
159		}
160	}
161}
162function cal_create(calId){
163	var d = window.document;
164	var day = calObj[calId].currentMonth.getDate();
165	var month = calObj[calId].currentMonth.getMonth() + 1;
166	var year = calObj[calId].currentMonth.getFullYear();
167	var week = calObj[calId].currentMonth.getDay();
168	var tdTextListArr = new Array();
169	var bisDay = 0;
170	var MonthDays = calObj.days[month];
171	var WeekCnt = new Array();
172	if(month == 2){
173		if(year % 100 == 0 || year % 4 != 0){
174			if(year % 400 != 0)
175				bisDay = 0;
176			else
177				bisDay = 1;
178		}
179		else if(year % 4 == 0)
180			bisDay = 1;
181		else
182			bisDay = 0;
183	}
184	MonthDays += bisDay;
185	var calHTML = "<table border='0' cellspacing='0' cellpadding='0' class='cal'>";
186	calHTML += "<tr><th colspan='7'>";
187	calHTML += "<div class='cal_ui'>";
188	calHTML += "<input type='button' onclick='cal_move("+calId+",-1);' value='≪' />";
189	calHTML += "<input type='button' onclick='cal_move("+calId+",null);' value='今月' />";
190	calHTML += "<input type='button' onclick='cal_move("+calId+",1);' value='≫' />";
191	calHTML += "</div>";
192	calHTML += "<p>" + year + "å¹´" + calObj.monthName[month] + "</p></th></tr>";
193	calHTML += "<tr class='headline'>";
194	for(var i=0;i<calObj.weekName.length;i++)
195		calHTML += "<td>" + calObj.weekName[i] + "</td>";
196	calHTML += "</tr><tr>";
197	for(var i=0;i<week;i++)
198		calHTML += "<td>&nbsp;</td>";
199	for(dayCnt=1;dayCnt<=(calObj.days[month]+bisDay);dayCnt++){
200		var dayStr = year + "/" + month + "/" + dayCnt;
201		var dayStrN = month + "/" + dayCnt;
202		if(WeekCnt[week] == undefined)
203			WeekCnt[week] = 0;
204		WeekCnt[week]++;
205		
206		
207		
208		var monStr = '' + month + '-' + week + '-' + WeekCnt[week];
209		var weekStr = '' + week + '-' + WeekCnt[week];
210		//alert(weekStr);
211		

212		var dayClass = new Object();
213		var dayClassText = new Object();
214		var currentDayDate = new Date(year + "/" + month + "/" + dayCnt + " 00:00:00");
215		var laterDay = Math.floor((currentDayDate.getTime() - calObj.date.getTime()) / 1000 / (60 * 60 * 24));
216		var tdId = "td_"+calId+"_"+year+"_"+month+"_"+dayCnt;
217		
218		// backward
219		if(calObj[calId].backward != null && currentDayDate.getTime() < calObj.date.getTime())
220			dayClass["backward"] = calObj[calId].backward;
221		
222		// week
223		if(calObj[calId].month[weekStr] != undefined)
224			dayClass["week"] = calObj[calId].month[weekStr];
225		else if(calObj[calId].month[monStr] != undefined)
226			dayClass["week"] = calObj[calId].month[monStr];
227		else if(calObj[calId].week[week] != undefined){
228			if(typeof(calObj[calId].week[week]) == "object" && calObj[calId].week[week][WeekCnt[week]] != undefined){
229				dayClass["week"] = calObj[calId].week[week][WeekCnt[week]];
230			}
231			else if(calObj[calId].week[week] != undefined && typeof(calObj[calId].week[week]) != "object")
232				dayClass["week"] = calObj[calId].week[week];
233		}
234		// xDay
235		if(calObj[calId].xDays[dayCnt] != undefined)
236			dayClass["xDay"] = calObj[calId].xDays[dayCnt];
237		
238		// xDaysLater
239		if(calObj[calId].xDaysLater[laterDay] != undefined)
240			dayClass["xDaysLater"] = calObj[calId].xDaysLater[laterDay];
241		
242		// day
243		if(calObj[calId].daysClass[dayStr] != undefined)
244			dayClass["day"] = calObj[calId].daysClass[dayStr];
245		else if(calObj[calId].daysClass[dayStrN] != undefined)
246			dayClass["day"] = calObj[calId].daysClass[dayStrN];
247		
248		var tdClassArr = new Array();
249		var tdTextArr = new Array();
250		var tdLinkArr = new Array();
251		var tdClassStr = "";
252		var tdTextStr = "";
253		var tdMouse = "";
254		var tdClassNames = new Object();
255		for(var ci=0;ci<calObj[calId].priority.length;ci++){
256			if(dayClass[calObj[calId].priority[ci]] != undefined){
257				var splitArr = new Array();
258				splitArr = dayClass[calObj[calId].priority[ci]].split(';');
259				tdClassArr.push(splitArr[0]);
260				tdClassNames[splitArr[0]] = true;
261				if(splitArr[1] != undefined){
262					tdTextArr.push(splitArr[1]);
263					var tdTextListLink = "";
264					if(splitArr[2] != undefined)
265						tdTextListLink = " onclick=\"cal_open(\'"+splitArr[2]+"\')\"";
266					tdTextListArr.push('<ol><li id="'+tdId+'_li" onmouseover="cal_list2day_over(this)" onmouseout="cal_list2day_out(this)" value="'+dayCnt+'"'+tdTextListLink+'>'+splitArr[1]+'</li></ol>');
267				}
268				if(splitArr[2] != undefined)
269					tdLinkArr.push(splitArr[2]);
270			}
271		}
272		if(tdTextArr.length > 0){
273			tdTextStr = "<span id='"+tdId+"'>";
274			for(var i=0;i<tdTextArr.length;i++){
275				tdTextStr += tdTextArr[i] + "<br />";
276			}
277			tdTextStr += "</span>";
278			tdMouse = " onmouseover=\"cal_disp_text(\'"+tdId+"\')\" onmouseout=\"cal_hide_text(\'"+tdId+"\')\"";
279			tdClassArr.push('pointer');
280		}
281		if(tdLinkArr.length > 0)
282			tdMouse += " onclick=\"cal_open(\'"+tdLinkArr[0]+"\')\"";
283		else if(calObj[calId].click){
284			var clickOpenURI = calObj[calId].clickURI;
285			clickOpenURI = clickOpenURI.replace(/_YEAR_/ig,year);
286			clickOpenURI = clickOpenURI.replace(/_MONTH_/ig,month);
287			clickOpenURI = clickOpenURI.replace(/_DAY_/ig,dayCnt);
288			if((calObj[calId].clickClassName != "" && tdClassNames[calObj[calId].clickClassName]) || calObj[calId].clickClassName == ""){
289				tdMouse += " onclick=\"cal_open(\'"+clickOpenURI+"\')\"";
290				tdClassArr.push('pointer');
291			}
292		}
293		if(tdClassArr.length > 0)
294			tdClassStr = " class='" + tdClassArr.join(' ') + "'";
295		calHTML += "<td id='"+tdId+"_td'><div"+tdClassStr+tdMouse+">" + dayCnt + tdTextStr + "</div></td>";
296		if(week == 6){
297			calHTML += "</tr>";
298			if(dayCnt < calObj.days[month])
299				calHTML += "<tr>";
300			week = 0;
301		}
302		else
303			week++;
304	}
305	while(week <= 6 && week != 0){
306		calHTML += "<td>&nbsp;</td>";
307		if(week == 6)
308			calHTML += "</tr>";
309		week++;
310	}
311	calHTML += "</table>";
312	d.getElementById('cal'+calId).innerHTML = calHTML;
313	
314	// list
315	d.getElementById('schedule'+calId).innerHTML = "";
316	if(tdTextListArr.length > 0 && d.getElementById('schedule'+calId)){
317		d.getElementById('schedule'+calId).innerHTML = tdTextListArr.join('');
318	}
319	// /list
320}
321function cal_list2day_over(obj){
322	var d = window.document;
323	var dayId = obj.id.substring(0,obj.id.indexOf('_li'));
324	if(d.getElementById(calObj.currentList))
325		d.getElementById(calObj.currentList).style.backgroundColor = 'none';
326	calObj.currentList = dayId+'_td';
327	if(d.getElementById(dayId+'_td'))
328		d.getElementById(dayId+'_td').style.backgroundColor = 'none';
329}
330function cal_list2day_out(obj){
331	var d = window.document;
332	var dayId = obj.id.substring(0,obj.id.indexOf('_li'));
333	if(d.getElementById(calObj.currentList))
334		d.getElementById(calObj.currentList).style.backgroundColor = 'none';
335}
336function cal_open(uri){
337	window.open(uri);
338}
339function cal_disp_text(textId){
340	var d = window.document;
341	if(navigator.userAgent.indexOf('MSIE') == -1)
342		d.getElementById(textId).style.display = "block";
343}
344function cal_hide_text(textId){
345	var d = window.document;
346	d.getElementById(textId).style.display = "none";
347}
348
349function cal_move(calId,m){
350	if(m == null)
351		calObj[calId].currentMonth = new Date(calObj.year+"/"+(calObj.month)+"/"+"1 00:00:00");
352	else {
353		var day = calObj[calId].currentMonth.getDate();

354		var month = calObj[calId].currentMonth.getMonth() + 1;
355		var year = calObj[calId].currentMonth.getFullYear();
356		if(0 < month + m && month + m < 13)
357			calObj[calId].currentMonth = new Date(year+"/"+(month + m)+"/"+"1 00:00:00");
358		else if((month + m) < 1){
359			year--;
360			month = 12;
361			calObj[calId].currentMonth = new Date(year+"/"+(month)+"/"+"1 00:00:00");
362		}
363		else {
364			year++;
365			month = 1;
366			calObj[calId].currentMonth = new Date(year+"/"+(month)+"/"+"1 00:00:00");
367		}
368	}
369	cal_create(calId);
370}
371function cal_clone(obj) {
372	var dest;
373	if(typeof obj == 'object'){
374		if(obj instanceof Array){
375			dest = new Array();
376			for(i=0;i<obj.length;i++)
377				dest[i] = cal_clone(obj[i]);
378		}
379		else {
380			dest = new Object();
381			for(prop in obj)
382				dest[prop] = cal_clone(obj[prop]);
383		}
384	}
385	else
386		dest = obj;
387	return dest;
388}
389function cal_getMonth(){
390	
391}
392cal_init();