JSFiddle - React, Tailwind, and code Playground

by Kamlesh Gupta

HTML

Shown Field : <input id="thedate" type="text" /><br />
Hidden Field : <input id="thealtdate" type="text" /><br />

<div id="myCal1"/>
<div id="myCal2"/>
<div id="myCal3"/>
<div id="myCal4"/>
<div id="myCal5"/>
<div id="myCal6"/>
<div id="myCal7"/>
<div id="myCal8"/>
<div id="myCal9"/>
<div id="myCal10"/>
<div id="myCal11"/>
<div id="myCal12"/>
<input id="thesubmit" type="button" value="Submit" />

JavaScript

$(function(){
    var dateToday=new Date();
    var yearPresent=dateToday.getFullYear();  
    var mnth="-"+  dateToday.getMonth();
    var datesSelected=["04-05-2015","05-05-2015","06-05-2015","07-05-2015"];
    
    $('#myCal1').datepicker({
        defaultDate:new Date(yearPresent,0)     
    });
     $('#myCal2').datepicker({
        defaultDate:new Date(yearPresent,1)      
    }); $('#myCal3').datepicker({
        defaultDate:new Date(yearPresent,2)       
    }); $('#myCal4').datepicker({
        defaultDate:new Date(yearPresent,3)       
    }); $('#myCal5').datepicker({
        defaultDate:new Date(yearPresent,4)       
    }); $('#myCal6').datepicker({
        defaultDate:new Date(yearPresent,5)       
    }); $('#myCal7').datepicker({
        defaultDate:new Date(yearPresent,6)       
    }); $('#myCal8').datepicker({
        defaultDate:new Date(yearPresent,7)       
    }); $('#myCal9').datepicker({
        defaultDate:new Date(yearPresent,8)       
    }); $('#myCal10').datepicker({
        defaultDate:new Date(yearPresent,9)      
    });
    
      
  
    
});