https://www.anacrowneplaza-hiroshima.jp/_cms/wp-content/themes/ana…/_js/ZenSearchFrom.js?20260926023005

1// Btn
2const open = document.querySelector('.fix-zsf-open');
3const close = document.querySelector('.fix-zsf-close');
4const bgclose = document.querySelector('.popup-bg-cover');
5const zsf = document.querySelector('.fix-zsf');
6const zsfx = document.querySelector('.fix-zsf-close');
7const zsfbg = document.querySelector('.popup-bg-cover');
8
9open.addEventListener('click', () => {
10	open.classList.toggle('zsf-open');
11	zsf.classList.toggle('zsf-open');
12	zsfx.classList.toggle('zsf-open');
13	zsfbg.classList.toggle('zsf-open');
14});
15close.addEventListener('click', () => {
16	open.classList.remove('zsf-open');
17	zsf.classList.remove('zsf-open');
18	zsfx.classList.remove('zsf-open');
19	zsfbg.classList.remove('zsf-open');
20});
21bgclose.addEventListener('click', () => {
22	open.classList.remove('zsf-open');
23	zsf.classList.remove('zsf-open');
24	zsfx.classList.remove('zsf-open');
25	zsfbg.classList.remove('zsf-open');
26});
27
28document.addEventListener("DOMContentLoaded", function (e) {
29	window.addEventListener('DOMContentLoaded', function() {makeElementsWithFacilityInfo();})
30
31	var ZenSearchFroms = document.querySelectorAll('.ZenSearchFrom');
32
33	ZenSearchFroms.forEach((ZenSearchFrom) => {
34		ZenSearchFrom.addEventListener('submit', function (event) {
35			var checkInDate = ZenSearchFrom.querySelector('.checkin_date').value;
36			if (checkInDate == "") {
37				alert("チェックインは必須です");
38				event.preventDefault();
39				return;
40			}
41			var nights = ZenSearchFrom.querySelector('.numOfNights').value;
42			var checkInDate = ZenSearchFrom.querySelector('.checkin_date').value;
43			var checkInDateArr = [];
44			checkInDateArr[0] = checkInDate.substr(0, 4);
45			checkInDateArr[1] = checkInDate.substr(4, 2);
46			checkInDateArr[2] = checkInDate.substr(6, 2);
47
48			var checkInForCalc = new Date(checkInDateArr[0],
49			parseInt(checkInDateArr[1], 10)-1, checkInDateArr[2]);
50			checkInForCalc.setDate(checkInForCalc.getDate());
51			var checkIn = checkInForCalc.getFullYear() + ('0' +(checkInForCalc.getMonth() + 0)).slice(-2) + ('0' + checkInForCalc.getDate()).slice(-2);
52
53			var checkInDate = ('0' + checkInForCalc.getDate()).slice(-2);
54			var checkInMonthYear = ('0' +(checkInForCalc.getMonth() + 0)).slice(-2) + checkInForCalc.getFullYear();
55
56			var checkOutForCalc = new Date(checkInDateArr[0],
57			parseInt(checkInDateArr[1], 10)-1, checkInDateArr[2]);
58			checkOutForCalc.setDate(checkOutForCalc.getDate()+ parseInt(nights, 10));
59			var checkOut = checkOutForCalc.getFullYear() + ('0' +(checkOutForCalc.getMonth() + 0)).slice(-2) + ('0' + checkOutForCalc.getDate()).slice(-2);
60
61			var checkOutDate = ('0' + checkOutForCalc.getDate()).slice(-2);
62			var checkOutMonthYear = ('0' +(checkOutForCalc.getMonth() + 0)).slice(-2) + checkOutForCalc.getFullYear();
63
64			var input = document.createElement('input');
65			input.setAttribute('type', 'hidden');
66			input.setAttribute('name', 'checkInDate');
67			input.setAttribute('value', checkInDate);
68			ZenSearchFrom.appendChild(input);
69
70			var input = document.createElement('input');
71			input.setAttribute('type', 'hidden');
72			input.setAttribute('name', 'checkInMonthYear');
73			input.setAttribute('value', checkInMonthYear);
74			ZenSearchFrom.appendChild(input);
75
76			var input = document.createElement('input');
77			input.setAttribute('type', 'hidden');
78			input.setAttribute('name', 'checkOutDate');
79			input.setAttribute('value', checkOutDate);
80			ZenSearchFrom.appendChild(input);
81
82			var input = document.createElement('input');
83			input.setAttribute('type', 'hidden');
84			input.setAttribute('name', 'checkOutMonthYear');
85			input.setAttribute('value', checkOutMonthYear);
86			ZenSearchFrom.appendChild(input);
87
88			setAttributeParams();
89		});
90	});
91
92
93	//チェックイン日のカレンダーを作成
94	var today = new Date();
95	var holiday = '';
96	var endMin = new Date(today);
97	endMin.setDate(endMin.getDate() + 1);
98	var startMax = new Date(today);
99	startMax.setMonth(startMax.getMonth() + 13);
100	var endMax = new Date(today);
101	endMax.setMonth(endMax.getMonth() + 13);
102	endMax.setDate(endMax.getDate() + 1);
103	var arrayHoliday = Object.values(holiday);
104
105	ZenSearchFroms.forEach((ZenSearchFrom) => {
106		var checkin = new Pikaday({
107			field: ZenSearchFrom.querySelector('.checkin_date_calendar'),
108			format: 'YYYYMMDD',
109			showDaysInNextAndPreviousMonths: true,
110			enableSelectionDaysInNextAndPreviousMonths:true,
111			minDate: new Date(today),
112			maxDate: startMax,
113			yearSuffix: 'å¹´',
114			showMonthAfterYear: true,
115			events: arrayHoliday,i18n: {
116				previousMonth : "前の月",
117				nextMonth : "次の月",
118				months : ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],
119				weekdays : ["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"],
120				weekdaysShort : ["日","月","火","水","木","金","土"]
121			},
122			onSelect: function(date) {
123				var day = ('0' + (date.getDate())).slice(-2);

124				var month = ('0' + (date.getMonth() +1)).slice(-2);
125				var year = date.getFullYear();
126				var checkinDate = ZenSearchFrom.querySelector('.checkin_date');
127				checkinDate.value = String(year) + String(month) + String(day);
128			},
129			toString: function(date, format) {
130				var day = ('0' + (date.getDate())).slice(-2);
131				var month = ('0' + (date.getMonth() +1)).slice(-2);
132				var year = date.getFullYear();
133				// return String(year) + String(month) + String(day);},
134				return String(year) + '/' + String(month) + '/' + String(day);
135			},
136			parse: function(dateString, format) {
137				var day = parseInt(parts[0], 10);
138				var month = parseInt(parts[1], 10)-1;
139				var year = parseInt(parts[2], 10);
140				return new Date(year, month, day);
141			}
142		})
143	});
144
145});
146
147// Stepper 1-99
148function plus(chk){
149	chk.value++;
150	if (chk.value==99) {chk.value=98}
151}
152function minus(chk){
153	chk.value--;
154	if (chk.value==0) {chk.value=1}
155}
156// Stepper 0-99
157function plus1(chk){
158	chk.value++;
159	if (chk.value==99) {chk.value=98}
160}
161function minus1(chk){
162	chk.value--;
163	if (chk.value==0) {chk.value=0}
164}
165