$(function() {

    var timetable = [ /*時間帯の選択肢*/
        /*日*/ [ "10:00-11:00", "11:00-12:00", "12:00-13:00", "13:00-14:00", "14:00-15:00" ],
        /*月*/ [ "10:00-11:00", "11:00-12:00", "12:00-13:00", "13:00-14:00", "14:00-15:00" ],
        /*火*/ [ "10:00-11:00", "11:00-12:00", "12:00-13:00", "13:00-14:00", "14:00-15:00", "15:00-16:00", "16:00-17:00", "17:00-18:00", "18:00-19:00", "19:00-20:00" ],
        /*水*/ [ "10:00-11:00", "11:00-12:00", "12:00-13:00", "13:00-14:00", "14:00-15:00", "15:00-16:00", "16:00-17:00", "17:00-18:00", "18:00-19:00", "19:00-20:00" ],
        /*木*/ [ "10:00-11:00", "11:00-12:00", "12:00-13:00", "13:00-14:00", "14:00-15:00", "15:00-16:00", "16:00-17:00", "17:00-18:00", "18:00-19:00", "19:00-20:00" ],
        /*金*/ [ "10:00-11:00", "11:00-12:00", "12:00-13:00", "13:00-14:00", "14:00-15:00", "15:00-16:00", "16:00-17:00", "17:00-18:00", "18:00-19:00", "19:00-20:00" ],
        /*土*/ [ "10:00-11:00", "11:00-12:00", "12:00-13:00", "13:00-14:00", "14:00-15:00", "15:00-16:00" ],
    ];
    $e = $("#date01t,#date02t,#date03t");
    
    $.datepicker.setDefaults($.datepicker.regional["ja"]);
    var dpsettings = {
      firstDay: 0,
      dateFormat: 'yy/mm/dd',
      minDate: '$date', 
      //maxDate: '+1m',
      beforeShowDay : function(date) {
        var dateFormat   = 'yy/mm/dd';
        var disableDates = ["2024/04/29","2024/04/30","2024/05/01","2024/05/02","2024/05/03","2024/05/04","2024/05/05","2024/05/06","2024/05/13","2024/05/20","2024/05/27",          ];
        var disableDate = $.datepicker.formatDate(dateFormat, date);
        return [( disableDates.indexOf(disableDate) == -1 ), "", "休校日"];
      }
    } ;
    $e.datepicker(dpsettings);
    
    $e
        .attr('readonly',true) 
        .change(function(){
            var wd = (new Date( $(this).val() )).getDay();
            $(this).closest('.dpgrp').find('select option').remove();
            $(this).closest('.dpgrp').find('select').append('<option value="">時間帯</option>');
            for ( var va of timetable[wd]) {
                $(this).closest('.dpgrp').find('select').append('<option value="' + va + '">' + va + '</option>');
            }
    });

    $('input.wpcf7c-btn-confirm').on('click', function(){
        setTimeout(function() {
            if ( $('input.wpcf7c-btn-confirm').hasClass('wpcf7c-force-hide') ) {
                $e.datepicker('destroy'); // Only confirm phase, not for including errors
            }
        }, 2000); // wait 2 sec for changing class
    } );

    $('input.wpcf7c-btn-back').on('click', function(){
        $e.datepicker(dpsettings);
    } );
    
  });