https://www.royalpines.co.jp/wp/wp-content/themes/royalpines/shared/js/stay_form.js

1
2var today = new Date();
3$(function(){
4//■■年月セレクトボックス作成
5gy = today.getFullYear();
6gm = today.getMonth()+1;
7
8
9str = ""
10sgm = ""
11ul_start = '<p class="item-ttl item-ttl2">ご宿泊日</p><div class="cal-btn"><input type="text" class="datepicker" style="display:none"/>			</div>' + "<ul class='select-day'>"
12ul_end = "</ul>" + '<div class="txt-from">から</div>'
13
14str = ul_start + "<li class='select-box'><span><select class='dt_yyyymm' name='dt_yyyymm' size='1'>"
15
16for (i=1; i <= 13; i++ ){
17
18	if(gm > 12){
19		gm = 1;
20		gy = gy + 1;
21	}
22	if(gm < 10){
23		sgm="0" + gm;
24	}
25	else {
26		sgm="" + gm;
27	}
28	str+="<option value=" + gy + "/" + sgm + " >" + gy + "年 " + sgm + "月" + "</option>"
29	gm=gm+1;
30}
31
32str += "</select>" + "</span></li>";
33	
34
35//■日セレクトボックス作成
36str += "<li class='select-box'><span><select class='dt_dd' name='dt_dd' size='1'>"
37
38/*gd = new Date().getDate() //+ 1; //翌日
39for (i=1; i <= 31; i++ ){
40	sgm=""+ i;
41		str+="<option value=" + sgm + " >" + i + "日" + "</option>";
42}*/
43
44str += "</select>" + "</span></li>" + ul_end;
45	if($('.select-day-area').length != 0)
46$('.select-day-area').html(str);
47
48//	年月クリック
49	$('.dt_yyyymm').on('change',function(){
50		var _yyyymm = $(this).val();
51		var yyyymm = $(this).val() + "/";
52		var dd = ("00" + $(".dt_dd").val()).slice(-2);
53		$(this).children('option').attr('selected',false);
54		$(".dt_yyyymm").val(_yyyymm).children('option:selected').attr('selected',true);
55		
56			formSetLastDay(yyyymm + dd);
57		});
58//	日にちクリック
59	$('.dt_dd').on('change',function(){
60		var yyyymm = $(".dt_yyyymm").val() + "/";
61		var selectle = $(this).val();
62		var dd = ("00" + selectle).slice(-2);
63		$(this).children('option').attr('selected',false);
64		$(".dt_dd").val(selectle).children('option:selected').attr('selected',true);
65		
66			formSetLastDay(yyyymm + dd);
67		});
68//	宿泊数クリック
69	$('.le').on('change',function(){
70
71			//宿泊数
72			var selectle = $(this).val();
73			$(this).children('option').attr('selected',false);
74			$('.le').val(selectle).children('option:selected').attr('selected',true);
75		
76			//date
77		var yyyymm = $(".dt_yyyymm").val() + "/";
78		var dd = ("00" + $(".dt_dd").val()).slice(-2);
79			formSetLastDay(yyyymm + dd);
80		});
81	
82});
83
84
85function formSetLastDay(selectday){
86	var year = parseInt( selectday.split('/')[0] );
87	var month = parseInt( selectday.split('/')[1] );
88	var day = parseInt( selectday.split('/')[2] );
89	var lastday = new Array('', 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
90	if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0){
91		lastday[2] = 29;
92	}
93	if (year===today.getFullYear() && month===today.getMonth() + 1 && day < today.getDate()){
94		day = today.getDate();
95	} else if (day > lastday[month]){
96		day = 1;
97	}
98	
99	$(".datepicker").val(year + "/" + month + "/" + day);
100	$(".checkin_date").val(year + ("00" + month).slice(-2) + ("00" +day).slice(-2));
101	var lastdate = new Date(year + "/" + month + "/" + day);
102			lastdate.setDate(lastdate.getDate() + parseInt($(".le").val()));
103			$(".checkout_date").val(lastdate.getFullYear() + ("00" + (lastdate.getMonth() + 1)).slice(-2) + ("00" +lastdate.getDate()).slice(-2));
104	
105	var option = '';
106	for (var i = 1; i <= lastday[month]; i++) {
107		if (year===today.getFullYear() && month===today.getMonth() + 1 && i < today.getDate()){
108			option += '<option value="' + i + '" disabled>' + i + "日" + '</option>\n';
109		} else if (i === day){
110			option += '<option value="' + i + '" selected>' + i + "日" + '</option>\n';
111		}else{
112			option += '<option value="' + i + '">' + i + "日" + '</option>\n';
113		}
114	}
115	$('.dt_dd').html(option);
116}