https://www.gt-nagasaki.jp/wp-content/themes/gtn/assets/js/reservation-popup.js

1/***************************************************************************
2 *
3 * RESERVATION POPUP JS
4 *
5 ***************************************************************************/
6
7$(document).ready(function() {
8
9    // OPEN CLOSE POPUP
10    $('.headerFix .menuItem li.search_api a').click(function(){
11        $('#reservationPopup').stop().fadeIn(400);
12        $('body').addClass('lock');
13        return false;
14    });
15
16
17    // CLOSE POPUP
18    $('#reservationPopup .popupCloseBtn').click(function(){
19        $('#reservationPopup').stop().fadeOut(400);
20        $('body').removeClass('lock');
21        return false;
22    });
23
24
25    // TAB PROCESS
26    $('#reservationPopup .reserTab li a').click(function(){
27        var $this_li = $(this).parent();
28        $('#reservationPopup .reserTab li').removeClass('active');
29        $this_li.addClass('active');
30        $('#reservationPopup .reserContent .tabContent').hide();
31        var activeTab = $this_li.attr('data-tab');
32        $(activeTab).fadeIn();
33        return false;
34    });
35
36
37    // AIRTICKET PROCESS
38    var $airticket_pop = $('#reservationPopup .reserContent .airticket');
39    var today = new Date();
40    today.setDate(today.getDate() + 30);
41    tomonth = today.getMonth() + 1;
42    if( tomonth < 10 ) {
43        tomonth = '0' + tomonth;
44    }
45    var today_str = today.getFullYear()+'/'+tomonth+'/'+today.getDate();
46    $airticket_pop.find('.air_star_date, input[name="depAirDate"], input[name="cIn"]').val(today_str);
47    // SET NEXT DAY
48    var nextday = new Date();
49    nextday.setDate(nextday.getDate() + 3);
50    tomonth_n = nextday.getMonth() + 1;
51    if( tomonth_n < 10 ) {
52        tomonth_n = '0' + tomonth_n;
53    }
54    var nextday_str = nextday.getFullYear()+'/'+tomonth_n+'/'+nextday.getDate();
55    $airticket_pop.find('input[name="arrAirDate"], input[name="cOut"]').val(nextday_str);
56    // SET HIDDEN VALUE
57    $airticket_pop.find('.airLocation').change(function(){
58        $airticket_pop.find('input[name="rtnArrAirPort"]').val( $(this).val() );
59    });
60    // CHANGE EVENT
61    $airticket_pop.find('.airSearchBtn').click(function(){
62        var start_date_val = $airticket_pop.find('.air_star_date').val();
63        var num_day_val = $airticket_pop.find('.dayCount').val();
64        num_day_val = parseInt(num_day_val);
65        var start_date = new Date(start_date_val);
66        var end_date = new Date(start_date_val);
67        end_date.setDate(end_date.getDate() + num_day_val);
68        var start_date_str = start_date.getFullYear()+'/'+(start_date.getMonth() + 1)+'/'+start_date.getDate();
69        var end_date_str = end_date.getFullYear()+'/'+(end_date.getMonth() + 1)+'/'+end_date.getDate();
70        $airticket_pop.find('input[name="depAirDate"], input[name="cIn"]').val(start_date_str);
71        $airticket_pop.find('input[name="arrAirDate"], input[name="cOut"]').val(end_date_str);
72        $airticket_pop.find('#frmairticker').submit();
73        return false;
74    });
75
76
77});