JSFiddle - React, Tailwind, and code Playground

by Superman

JavaScript

var preSelectedDates = [];
        <apex:repeat value="{!EventDates}" var="eDate">
            console.log('the event is == '+ {!eDate});
            preSelectedDates.push({!eDate});
        </apex:repeat>
        //       preSelectedDates = ["01/14/2015","01/21/2015","01/28/2015","02/04/2015","02/11/2015"];
        
        window.markPreDates = function (selectedDates) {
            //select dates on the calendar within the given range.
            for (var d = 0; d < selectedDates.length; d++) {
                var sDate = new Date(selectedDates[d]);
                var showDates = [];
                
                (function (selectedDate) {
                    window.setTimeout(function () {
                        showDates.push(selectedDate);
                        $("#myCalendar").datePicker("addDates", showDates);
                        if (selectedDate == sDate) {
                            //getDates = $("#inlineDp").datePicker("getDates");
                        }
                    }, 0);
                })(sDate);
                
            }//end for var d=0;
            
        }
        
        $(document).ready(function () {
           
            $("#showDates").click(function() {
                 alert(preSelectedDates);
                if (preSelectedDates.length !== 0) {
                    $("#myCalendar").datePicker({numberOfMonths: [3, 4]});
                    //$("#myCalendar").datePicker("addDates", preSelectedDates);
                    markPreDates(preSelectedDates);
                    
                }
                return false;
            });//endShowDates
            
        });//end dom ready