https://www.riversidebangkok.com/wp-content/themes/wcl/assets/rese…/js/reservation-script.js?ver=1679378128

1(function ($) {
2
3    //book-directonline
4    if($('#date_from, #date_to').length){
5
6        var months = {'01':'JAN', '02':'FEB', '03':'MAR', '04':'APR', '05':'MAY', '06':'JUN', '07':'JUL', '08':'AUG', '09':'SEP', '10':'OCT', '11':'NOV', '12':'DEC' };
7        
8        var currentDate = moment().format("DD-MM-YYYY");
9        var addcurrentDate = moment(currentDate, "DD-MM-YYYY").add(1, 'days').format("DD-MM-YYYY");
10    
11        $('#date_from, #date_to').daterangepicker({
12            "alwaysShowCalendars": true,
13            "minDate": currentDate,
14            autoApply: true,
15            autoUpdateInput: false,
16            opens: 'center',
17            locale: {
18              format: 'DD-MM-YYYY'
19            }
20        }, function(start, end, label) {
21          // Lets update the fields manually this event fires on selection of range
22          var selectedStartDate = start.format('DD-MM-YYYY'); // selected start
23          var selectedEndDate = end.format('DD-MM-YYYY'); // selected end
24    
25          var checkinInput = $('#date_from');
26          var checkoutInput = $('#date_to');
27    
28          // Setting the Selection of dates on calender on CHECKIN & CHECKOUT FIELD (To get this it must be binded by Ids not Calss)
29          var checkInPicker = checkinInput.data('daterangepicker');
30          checkInPicker.setStartDate(selectedStartDate);
31          checkInPicker.setEndDate(selectedEndDate);
32    
33          var checkOutPicker = checkoutInput.data('daterangepicker');
34          checkOutPicker.setStartDate(selectedStartDate);
35          checkOutPicker.setEndDate(selectedEndDate);
36    
37          // Updating Checkin Text on front-end calendar
38          var fromday = selectedStartDate.substr(0, 2);
39          var frommonth = selectedStartDate.substr(3, 2);
40          var fromyear = selectedStartDate.substr(6, 4);
41    
42          $('.wcl_date.checkin span:nth-child(1)').text(fromday);
43          $('.wcl_date.checkin span:nth-child(2)').text(months[frommonth]);
44          $('.wcl_date.checkin span:nth-child(3)').text(fromyear);
45    
46          // Updating Checkout Text on front-end calendar
47          var today = selectedEndDate.substr(0, 2);
48          var tomonth = selectedEndDate.substr(3, 2);
49          var toyear = selectedEndDate.substr(6, 4);
50    
51          $('.wcl_date.checkout span:nth-child(1)').text(today);
52          $('.wcl_date.checkout span:nth-child(2)').text(months[tomonth]);
53          $('.wcl_date.checkout span:nth-child(3)').text(toyear);
54    
55          // Updating Fields & Value
56          checkinInput.val(selectedStartDate);
57          checkoutInput.val(selectedEndDate);
58    
59          //$('#BE_data_checkin').val(selectedStartDate);
60          //$('#BE_data_checkout').val(selectedEndDate);
61
62          setDateValue(selectedStartDate,selectedEndDate);
63    
64        });
65        
66        //$('#BE_data_checkin').val(currentDate);
67        //$('#BE_data_checkout').val(addcurrentDate);
68        setDateValue(currentDate,addcurrentDate);
69    
70        // Set Default Date on loading event
71        var df_fromday = currentDate.substr(0, 2);
72        var df_frommonth = currentDate.substr(3, 2);
73        var df_fromyear = currentDate.substr(6, 4);
74    
75        $('.wcl_date.checkin span:nth-child(1)').text(df_fromday);
76        $('.wcl_date.checkin span:nth-child(2)').text(months[df_frommonth]);
77        $('.wcl_date.checkin span:nth-child(3)').text(df_fromyear);
78    
79        // Updating Checkout Text on front-end calendar
80        var df_today = addcurrentDate.substr(0, 2);
81        var df_tomonth = addcurrentDate.substr(3, 2);
82        var df_toyear = addcurrentDate.substr(6, 4);
83    
84        $('.wcl_date.checkout span:nth-child(1)').text(df_today);
85        $('.wcl_date.checkout span:nth-child(2)').text(months[df_tomonth]);
86        $('.wcl_date.checkout span:nth-child(3)').text(df_toyear);
87    
88    } // End Daterange Picker
89
90    function setDateValue(startDate,endDate){
91        var inDay = startDate.substr(0, 2);
92        var inMonth = startDate.substr(3, 2);
93        var inYear = startDate.substr(6, 4);
94        var outDay = endDate.substr(0, 2);
95        var outMonth = endDate.substr(3, 2);
96        var outYear = endDate.substr(6, 4);
97        //Y-M-D
98        var startDateNewYMD = inYear + "-" + inMonth + "-" + inDay;
99        var endDateNewYMD = outYear + "-" + outMonth + "-" + outDay;
100        //M-D-Y
101        var startDateMDY =  inMonth + "/" + inDay + "/" + inYear;
102        var endDateNewMDY = outMonth + "/" + outDay + "/" + inYear;
103
104        if(resVars.be_provider == "TRD002"){ //TRD002=travelanium
105            $('#BE_data_checkin').attr('value', startDateNewYMD); //Y-M-D
106            $('#BE_data_checkout').attr('value', endDateNewYMD);
107        }else if(resVars.be_provider == "WCL003"){ // WCL003=smartbooking-asia[Pelican]
108            $('#BE_data_checkin').attr('value', startDateMDY); //M-D-Y
109            $('#BE_data_checkout').attr('value', endDateNewMDY);
110        }else{
111            $('#BE_data_checkin').attr('value', startDate); //D-M-Y
112            $('#BE_data_checkout').attr('value', endDate);
113        }
114        return false;

115    }
116
117})(jQuery);