jQuery(function($) { // 初期設定 // 【注意】数値を変更しないでください var hcod1 = "67610"; var hcod2 = "001"; // 日付設定 $('.reserve_form').each(function() { var _self = $(this); setDayOfForm(_self); }); changeDayOfForm(); // デフォルト値 var prop = { url: 'https://asp.hotel-story.ne.jp/ver3d/planlist.asp', hidmode: 'select', mode: 'seek', Dispunit: '', // 使用用途不明 chkTheValueOfYMD: 0, // 日程未定の切り分け 0: 日付決定 1: 日付未定 chkTheNumberOfPerson: 0 // 人数未定の切り分け 0: 人数決定 1: 人数未定 }; // フォーム内変数 var form = $('.reserve_form'), btnSearch = form.find('.btn_search'), btnCancel = form.find('.btn_cancel, #rsv_cng_btn'), btnList = form.find('.btn_list, #rsvs_btn03'); function createProperty (form) { var day = getDay(form); var hakusu = getTheNumberOfHakusu(form); var number = getTheNumberOfPerson(form); prop.chkTheValueOfYMD = form.find('.chkTheValueOfYMD:checked').val() ? 1 : 0; if(prop.chkTheValueOfYMD == 1) { day = ''; } return prop.url + '?hcod1=' + hcod1 + '&hcod2=' + hcod2 + '&hidmode=' + prop.hidmode + '&mode=' + prop.mode + '&Dispunit=' + prop.Dispunit + '&chkymd=' + prop.chkTheValueOfYMD + '&chkpsn=' + prop.chkTheNumberOfPerson + '&hidSELECTARRYMD=' + day + '&hidSELECTHAKSU=' + hakusu + '&hidSELECTadult=' + number; } function getDay(form) { var year = form.find('.select_year').val(); var month = form.find('.select_month').val(); var day = form.find('.select_day').val(); return year + '/' + month + '/' + day; } function getTheNumberOfHakusu(form) { // 泊数 return form.find('.select_haku').val(); } function getTheNumberOfPerson(form) { // ご利用人数 = 大人の人数 return form.find('.select_num').val(); } // 検索ボタンをクリックした時 btnSearch.on('click', function(e) { e.preventDefault(); var form = $(this).closest('form'); form.attr('action', createProperty(form)).submit(); }); // ご予約の確認・キャンセルボタンをクリックしたとき btnCancel.on('click', function(e) { e.preventDefault(); var form = $(this).closest('form'); form.attr('action', 'https://asp.hotel-story.ne.jp/ver3d/ASPY0300.asp?cod1=' + hcod1 + '&cod2=' + hcod2).submit(); }); // 予約プラン一覧を見る btnList.on('click', function(e){ e.preventDefault(); form.attr('action', 'https://asp.hotel-story.ne.jp/ver3d/planlist.asp?hcod1=' + hcod1 + '&cod2=' + hcod2).submit(); }); var dayChange = true; $('.select_year').on('change', function() { var form = $(this).closest('form'); var year = form.find('.select_year'); var month = form.find('.select_month'); var day = form.find('.select_day'); dayChange = false; day.html(''); // 閏年判定 if (2 == month && (0 == year % 400 || (0 == year % 4 && 0 != year % 100))) { var last = 29; } else { var last = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month.val() - 1]; } for(var i = 1; i <= last; i++) { day.append($('').html(i).val(i)); } month.html(''); for (var i = 1; i < 13; i++) { month.append($('').html(i).val(i)); } dayChange = true; }); $('.select_month').on('change', function() { if(dayChange == false) return; var form = $(this).closest('form'); var year = form.find('.select_year'); var month = form.find('.select_month'); var day = form.find('.select_day'); day.html(''); // 閏年判定 if (2 == month && (0 == year % 400 || (0 == year % 4 && 0 != year % 100))) { var last = 29; } else { var last = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month.val() - 1]; } for(var i = 1; i <= last; i++) { day.append($('').html(i).val(i)); } }); function setDayOfForm(obj) { var year = obj.find('.select_year'); var month = obj.find('.select_month'); var day = obj.find('.select_day'); var today = new Date(); var yy = today.getFullYear(); var mm = today.getMonth() + 1; var dd = today.getDate(); createDayOfForm(year, month, day, yy, mm, dd); } function createDayOfForm(year, month, day, yy, mm, dd) { // 閏年判定 if (2 == mm && (0 == yy % 400 || (0 == yy % 4 && 0 != yy % 100))) { var last = 29; } else { var last = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][mm - 1]; } year.html(''); month.html(''); day.html(''); for (var i = 0; i < 3; i++) { year.append($('').html(Number(yy) + i).val(Number(yy) + i)); } for (var i = 0; i < 13 - mm; i++) { month.append($('').html(Number(mm)+ i).val(Number(mm) + i)); } for(var i = 0; i < last - dd + 1; i++) { day.append($('').html(Number(dd)+ i).val(Number(dd) + i)); } } function changeDayOfForm() { } }); jQuery(function($) { $(".reserve-btn a").click(function() { $("#rsv-component:not(:animated)").slideToggle('normal'); }) }); jQuery(function($) { $(".menu-item-341::after").click(function() { console.log("test"); $("#rsv-component:not(:animated)").slideToggle('normal'); }) });