https://www.hdo.jp/js/contact.js

1const clinic = document.getElementById('clinic');
2const clinicTime = document.getElementsByClassName('time');
3const clinicDate = document.getElementsByClassName('date');
4
5function timeFnc(){
6  var seasonHoliday01 =[
7    '2025-05-03',
8    '2025-05-04',
9    '2025-05-05',
10    '2025-05-06',
11  ];
12  var seasonHoliday02 =[
13    '2025-05-03',
14    '2025-05-04',
15    '2025-05-05',
16    '2025-05-06',
17  ];
18  var seasonHoliday03 =[
19    '2025-05-03',
20    '2025-05-04',
21    '2025-05-05',
22    '2025-05-06',
23  ];
24  var seasonHoliday04 =[
25    '2025-05-03',
26    '2025-05-04',
27    '2025-05-05',
28    '2025-05-06',
29  ];
30var clinicValue = clinic.value;
31  if(clinicValue == '【東大阪市】ハシモトデンタルオフィス花園分院'){
32    var week = [true, true, true, true, true, true, true];
33    var publicHoliday = false;
34    var seasonHoliday = null;
35  } else if(clinicValue == '【大阪市】ハシモトデンタルオフィス肥後橋本院'){
36    var week = [false, true, true, true, true, true, true];
37    var publicHoliday = false;
38    var seasonHoliday = null;
39  } else if(clinicValue == '【忠岡町】ハシモトデンタルオフィス忠岡分院'){
40    var week = [true, true, true, true, true, true, true];
41    var publicHoliday = false;
42    var seasonHoliday = null;
43  }
44
45  for(let i = 0; i < clinicDate.length; i++){
46    clinicDate[i].value = '';
47    if(clinicDate[i].classList.contains('off')){
48      clinicDate[i].classList.remove('off');
49    }    
50  }
51  for (let i = 0; i < clinicTime.length; i++) {
52  clinicTime[i].innerHTML = '<option value="">時間帯を選択</option>';
53}
54  
55  var weekName = ['sunday','monday','tuesday','wednesday','thursday','friday','saturday'];
56
57  $('.date').datepicker('destroy');
58  $.get("https://holidays-jp.github.io/api/v1/date.json", function(holidaysData) {
59    $('.date').datepicker({
60      dateFormat: 'yy年mm月dd日',
61      minDate: "+2d",
62      beforeShowDay: function(date) {
63        var holidays = Object.keys(holidaysData);
64
65        for (var i = 0; i < holidays.length; i++) {
66          var holiday = new Date(Date.parse(holidays[i]));
67          if (holiday.getYear() == date.getYear() &&
68              holiday.getMonth() == date.getMonth() &&
69              holiday.getDate() == date.getDate()) {
70              return [publicHoliday, 'day-holiday', null];
71          }
72        }
73
74        if(seasonHoliday !== null){
75          for(let i = 0; i < seasonHoliday.length; i++){
76            var disableDate = new Date(Date.parse(seasonHoliday[i]));
77            if(disableDate.getYear() == date.getYear() &&
78              disableDate.getMonth() == date.getMonth() &&
79              disableDate.getDate() == date.getDate()){
80              return [false, 'season-holiday', null];
81            }
82          }
83        }
84
85        for(let i = 0; i < week.length; i++){
86           if(clinicValue == '隔週のクリニック'){
87             // 隔週のクリニック　隔週日曜診療
88             if(date.getDay() == 0 && $.datepicker.iso8601Week(date) % 2 == 0){
89               return [true, 'sunday', null];
90             }
91           }
92          if (date.getDay() == i){
93            return [week[i], weekName[i], null];
94          }
95        }
96
97        /*return [true, 'day-weekday', null];*/
98      },
99      onSelect: function(dateObj, inst){
100        var dateObject = $(this).datepicker('getDate');
101        var weekDay = dateObject.getUTCDay();
102        // 変数weekDayは6が日曜で0が月曜、1が火曜、2が水曜、3が木曜、4が金曜、5が土曜
103        if($(this).hasClass('date01')){
104            var num = 0;
105        } else{
106            var num = 1;
107        }
108        if(clinicValue == '【東大阪市】ハシモトデンタルオフィス花園分院' && weekDay == 5){
109            //【東大阪市】ハシモトデンタルオフィス花園分院土曜診療
110            clinicTime[num].innerHTML = '<option value="9:00〜" selected>9:00〜</option>';
111            clinicTime[num].innerHTML += '<option value="9:30〜">9:30〜</option>';
112            clinicTime[num].innerHTML += '<option value="10:00〜">10:00〜</option>';
113            clinicTime[num].innerHTML += '<option value="10:30〜">10:30〜</option>';
114            clinicTime[num].innerHTML += '<option value="11:00〜">11:00〜</option>';
115            clinicTime[num].innerHTML += '<option value="11:30〜">11:30〜</option>';
116            clinicTime[num].innerHTML += '<option value="12:00〜">12:00〜</option>';
117        } else if(clinicValue == '【東大阪市】ハシモトデンタルオフィス花園分院'){
118            //【東大阪市】ハシモトデンタルオフィス花園分院通常診療
119            clinicTime[num].innerHTML = '<option value="9:00〜" selected>9:00〜</option>';
120            clinicTime[num].innerHTML += '<option value="9:30〜">9:30〜</option>';
121            clinicTime[num].innerHTML += '<option value="10:00〜">10:00〜</option>';
122            clinicTime[num].innerHTML += '<option value="10:30〜">10:30〜</option>';
123            clinicTime[num].innerHTML += '<option value="11:00〜">11:00〜</option>';
124            clinicTime[num].innerHTML += '<option value="11:30〜">11:30〜</option>';
125            clinicTime[num].innerHTML += '<option value="12:00〜">12:00〜</option>';
126            clinicTime[num].innerHTML += '<option value="12:30〜">12:30〜</option>';
127            clinicTime[num].innerHTML += '<option value="13:00〜">13:00〜</option>';
128            clinicTime[num].innerHTML += '<option value="13:30〜">13:30〜</option>';
129            clinicTime[num].innerHTML += '<option value="14:00〜">14:00〜</option>';
130            clinicTime[num].innerHTML += '<option value="14:30〜">14:30〜</option>';
131            clinicTime[num].innerHTML += '<option value="15:00〜">15:00〜</option>';
132            clinicTime[num].innerHTML += '<option value="15:30〜">15:30〜</option>';
133            clinicTime[num].innerHTML += '<option value="16:00〜">16:00〜</option>';
134            clinicTime[num].innerHTML += '<option value="16:30〜">16:30〜</option>';
135            clinicTime[num].innerHTML += '<option value="17:00〜">17:00〜</option>';
136        }
137        if(clinicValue == '【大阪市】ハシモトデンタルオフィス肥後橋本院' && weekDay == 5){
138            //【大阪市】ハシモトデンタルオフィス肥後橋本院 土曜診療
139            clinicTime[num].innerHTML = '<option value="9:00〜" selected>9:00〜</option>';
140            clinicTime[num].innerHTML += '<option value="9:30〜">9:30〜</option>';
141            clinicTime[num].innerHTML += '<option value="10:00〜">10:00〜</option>';
142            clinicTime[num].innerHTML += '<option value="10:30〜">10:30〜</option>';
143            clinicTime[num].innerHTML += '<option value="11:00〜">11:00〜</option>';
144            clinicTime[num].innerHTML += '<option value="11:30〜">11:30〜</option>';
145            clinicTime[num].innerHTML += '<option value="12:00〜">12:00〜</option>';
146        } else if(clinicValue == '【大阪市】ハシモトデンタルオフィス肥後橋本院'){
147            //【大阪市】ハシモトデンタルオフィス肥後橋本院 通常診療
148            clinicTime[num].innerHTML = '<option value="9:00〜" selected>9:00〜</option>';
149            clinicTime[num].innerHTML += '<option value="9:30〜">9:30〜</option>';
150            clinicTime[num].innerHTML += '<option value="10:00〜">10:00〜</option>';
151            clinicTime[num].innerHTML += '<option value="10:30〜">10:30〜</option>';
152            clinicTime[num].innerHTML += '<option value="11:00〜">11:00〜</option>';
153            clinicTime[num].innerHTML += '<option value="11:30〜">11:30〜</option>';
154            clinicTime[num].innerHTML += '<option value="12:00〜">12:00〜</option>';
155            clinicTime[num].innerHTML += '<option value="12:30〜">12:30〜</option>';
156            clinicTime[num].innerHTML += '<option value="13:00〜">13:00〜</option>';
157            clinicTime[num].innerHTML += '<option value="13:30〜">13:30〜</option>';
158            clinicTime[num].innerHTML += '<option value="14:00〜">14:00〜</option>';
159            clinicTime[num].innerHTML += '<option value="14:30〜">14:30〜</option>';
160            clinicTime[num].innerHTML += '<option value="15:00〜">15:00〜</option>';
161            clinicTime[num].innerHTML += '<option value="15:30〜">15:30〜</option>';
162            clinicTime[num].innerHTML += '<option value="16:00〜">16:00〜</option>';
163            clinicTime[num].innerHTML += '<option value="16:30〜">16:30〜</option>';
164            clinicTime[num].innerHTML += '<option value="17:00〜">17:00〜</option>';
165        }
166        if(clinicValue == '【忠岡町】ハシモトデンタルオフィス忠岡分院' && weekDay == 5){
167            //【忠岡町】ハシモトデンタルオフィス忠岡分院 土曜診療
168            clinicTime[num].innerHTML = '<option value="9:00〜" selected>9:00〜</option>';
169            clinicTime[num].innerHTML += '<option value="9:30〜">9:30〜</option>';
170            clinicTime[num].innerHTML += '<option value="10:00〜">10:00〜</option>';
171            clinicTime[num].innerHTML += '<option value="10:30〜">10:30〜</option>';
172            clinicTime[num].innerHTML += '<option value="11:00〜">11:00〜</option>';
173            clinicTime[num].innerHTML += '<option value="11:30〜">11:30〜</option>';
174            clinicTime[num].innerHTML += '<option value="12:00〜">12:00〜</option>';
175        } else if(clinicValue == '【忠岡町】ハシモトデンタルオフィス忠岡分院'){
176            //【忠岡町】ハシモトデンタルオフィス忠岡分院 通常診療
177            clinicTime[num].innerHTML = '<option value="9:00〜" selected>9:00〜</option>';
178            clinicTime[num].innerHTML += '<option value="9:30〜">9:30〜</option>';
179            clinicTime[num].innerHTML += '<option value="10:00〜">10:00〜</option>';
180            clinicTime[num].innerHTML += '<option value="10:30〜">10:30〜</option>';
181            clinicTime[num].innerHTML += '<option value="11:00〜">11:00〜</option>';
182            clinicTime[num].innerHTML += '<option value="11:30〜">11:30〜</option>';
183            clinicTime[num].innerHTML += '<option value="12:00〜">12:00〜</option>';
184            clinicTime[num].innerHTML += '<option value="12:30〜">12:30〜</option>';
185            clinicTime[num].innerHTML += '<option value="13:00〜">13:00〜</option>';
186            clinicTime[num].innerHTML += '<option value="13:30〜">13:30〜</option>';
187            clinicTime[num].innerHTML += '<option value="14:00〜">14:00〜</option>';
188            clinicTime[num].innerHTML += '<option value="14:30〜">14:30〜</option>';
189            clinicTime[num].innerHTML += '<option value="15:00〜">15:00〜</option>';
190            clinicTime[num].innerHTML += '<option value="15:30〜">15:30〜</option>';
191            clinicTime[num].innerHTML += '<option value="16:00〜">16:00〜</option>';
192            clinicTime[num].innerHTML += '<option value="16:30〜">16:30〜</option>';
193            clinicTime[num].innerHTML += '<option value="17:00〜">17:00〜</option>';
194        }
195      }
196    });            
197  });  
198}
199
200clinic.addEventListener("change", timeFnc);