DatPicker

by Jose Montero

HTML

<div class=rows>
                        <span class="label"><strong>Date Range:</strong></span>
                <div id="dateToAndFrom">                
                    <span class="dateFrom"> <label id="dateLabel" for="from">From</label>
                        <input type="text" id="startDate" name="startDate">
                    </span> 

                    <span class="dateTo"> <label id="dateLabel" for="to">To</label>
                        <input type="text" id="endDate" name="endDate">
                    </span>
                </div>
                </div>

            </div>



    <input type="hidden" id="businessDate" name="businessDate"
            value="12-29-2017" />

JavaScript

$(function() {

    var dateFormat = "mm/dd/yy", from = $("#startDate").datepicker({
        defaultDate : "+1w",
        changeMonth : true,
        changeYear : true,
        numberOfMonths : 1,
        beforeShowDay : $.datepicker.noWeekends
    }).on("change", function() {
    		console.log(this)
        from.datepicker("option", "minDate", getDate(this));
    });
    
    to = $("#endDate").datepicker({
        defaultDate : "+1w",
        changeMonth : true,
        changeYear : true,
        numberOfMonths : 1,
        beforeShowDay : $.datepicker.noWeekends
    }).on("change", function() {
    console.log('end date')
        to.datepicker("option", "maxDate", getDate(this));
    });
    function getDate(obj){
    	console.log("Get Date")
    }
    
});
var businessDate = $("#businessDate").val(); //12-29-2019

businessDate = new Date(businessDate)
$("#startDate").datepicker("setDate", businessDate ); // Does not work
  
 
  //$("#startDate").datepicker("setDate", businessDate ); // Does not work