JSFiddle - React, Tailwind, and code Playground

by dixalex

JavaScript

var d_input = jQuery('.hasDatepicker[id]');
console.log(d_input);
var booked_dates = [];
jQuery.each(response.result.items, function(idx, obj) {
var start_date = new Date(obj.start.dateTime[0]);
booked_dates.push((start_date.getMonth() + 1) + '-' + start_date.getDate() + '-' + start_date.getFullYear());
console.log(start_date);
});

//(start_date.getMonth() + 1) + '-' + start_date.getDate() + '-' + start_date.getFullYear()
//http://www.spiceforms.com/blog/how-to-disable-dates-in-jquery-datepicker-a-short-guide/
 /** Days to be disabled as an array */
var disableddates = booked_dates;
 
function DisableSpecificDates(date) {
 
 var m = date.getMonth();
 var d = date.getDate();
 var y = date.getFullYear();
 
 // First convert the date in to the mm-dd-yyyy format 
 // Take note that we will increment the month count by 1 
 var currentdate = (m + 1) + '-' + d + '-' + y ;
 
  // We will now check if the date belongs to disableddates array 
 for (var i = 0; i < disableddates.length; i++) {
 
 // Now check if the current date is in disabled dates array. 
 if (jQuery.inArray(currentdate, disableddates) != -1 ) {
 return [false];
 }
 }
 
}
 
console.log(booked_dates);

 jQuery(function() {


jQuery.datepicker._getInst(d_input[0]).settings.beforeShowDay = DisableSpecificDates;

//var elem = jQuery('.hasDatepicker[id]'); 
//var inst = jQuery.datepicker._getInst(elem[0]);
//console.log(elem);
//inst.settings.beforeShowDay = DisableSpecificDates;
//jQuery( "#datepicker" ).datepicker({beforeShowDay: DisableSpecificDates});
 });