I am trying to disable certain days based on a user's selection in another form. I understand you need to use beforeShowDay and for example date.getDay() !== [0]

But how do I achieve this when more than one day can be selected from checkboxes? I have passed the values to an array, but seem to be having trouble disaplying this array in the beforeShowDay function:

HTML

2. <form>
3.                         <div class="field">
4.                             <input class="input" id="disableDate" value="Date to disable">
5.                         </div>
6. 
   
7.                         <div id="disableDays">
8.                             <label class="label">Select Which Days to Exclude</label>
9. 
   
10.                             <div class="field">
11.                                 <input type="checkbox" id="Sunday" class="is-checkradio" name="Sunday" data-value="0">
12.                                 <label for="Sunday" class="label">Sunday</label>
13.                             </div>
14.                             <div class="field">
15.                                 <input type="checkbox" id="Monday" class="is-checkradio" name="Monday" data-value="1">
16.                                 <label for="Monday" class="label">Monday</label>
17.                             </div>
18.                             <div class="field">
19.                                 <input type="checkbox" id="Tuesday" class="is-checkradio" name="Tuesdayy" data-value="2">
20.                                 <label for="Tuesday" class="label">Tuesday</label>
21.                             </div>
22.                             <div class="field">
23.                                 <input type="checkbox" id="Wedndesday" class="is-checkradio" name="Wedndesday" data-value="3">
24.                                 <label for="Wedndesday" class="label">Wedndesday</label>
25.                             </div>
26.                             <div class="field">
27.                                 <input type="checkbox" id="Thursday" class="is-checkradio" name="Thursday" data-value="4">
28.                                 <label for="Thursday" class="label">Thursday</label>
29.                             </div>
30.                             <div class="field">
31.                                 <input type="checkbox" id="Friday" class="is-checkradio" name="Friday" data-value="5">
32.                                 <label for="Friday" class="label">Friday</label>
33.                             </div>
34.                             <div class="field">
35.                                 <input type="checkbox" id="Saturday" class="is-checkradio" name="Saturday" data-value="6">
36.                                 <label for="Saturday" class="label">Saturday</label>
37.                             </div>
38.                             <div class="field">
39.                                 <input type="submit" class="button is-medium is-primary" value="Save">
40.                             </div>
41.                         </div>
42.                     </form>
43. 
    
44. <div id="customerCalendar"></div>
45. 
    
46. 
    
47. jQuery(function($) {
49. let disabledDays = [];
50. 
    
51. $("form").submit(function(e) {
52. 
    
53.                 dayValue = $('#disableDays input:checked').map(function() {
54.                     return $(this).data('value')
55.                 }).get();
56. 
    
57.                 disabledDays.push(dayValue)
58.                 return false
59.             });
60. 
    
61. $("#customerCalendar").datetimepicker({
62.                     beforeShowDay: function(date) {
63.                                         let getDay
64.                     for (d = 0; d < disabledDays; d++) {
65.                         getDay = date.getDay() !== [disabledDays]
66.                         return getDay
67.                     }
68.                     return [getDay]
69.                 },
70.                 timeFormat: 'HH',
71.                 minDate: +1
72.             });
73. });