Hi Michael,

I added the code and put Future in the CSS class field.

However, it's still letting me pick a date from the past. 

Am I missing something? Does the code need to be modified to just use future dates? The only thing I changed was for the results to appear as mm-dd-yyyy

$(document).ready(function(){
    var todaysDate = new Date();    // Get today's date.
     
    // Get today's date.
    var year = todaysDate.getFullYear();            // yyyy
    var month = ("0" + (todaysDate.getMonth() + 1)).slice(-2); // mm
    var day = ("0" + todaysDate.getDate()).slice(-2);   // dd
     
    var dtToday = (year + "-" + month + "-" + day); // Results in mm-dd-yyyy
     
    // Now set the max date value for the calendar to be that date.
    $(".Past input").attr('max', dtToday);
    $(".Future input").attr('min', dtToday);
}

Tiffany

Are you getting any errors? Press F12 on the page, select the console tab, and see if there are any messages there.

The date does need to be in yyyy-mm-dd format because of the way that the date is handled with the max and min values, but it looks like you only changed the comment on that line.

It's fixed now. I was getting this error in the console:

Had to add a ) at the end.

Thanks for your help!

Tiffany

Thanks, must have missed that in the copy and paste. Edited that into the post above in case someone else also needs it.

Michael,

How would I modify this code to show only 12 days in the date picker? 

For context, our transportation department doesn't want users to schedule trips any farther than 12 days in advance of the current date.

Thank you,

Cathy

I would suggest using a different class. In this case, I will use EventDate. 

$(document).ready(function(){
	var todaysDate = new Date();	// Get today's date.
	
	// Get today's date.
	var year = todaysDate.getFullYear();			// yyyy
	var month = ("0" + (todaysDate.getMonth() + 1)).slice(-2); // mm
	var day = ("0" + todaysDate.getDate()).slice(-2);	// dd
	
	var dtToday = (year + "-" + month + "-" + day);	// Results in yyyy-mm-dd
	
	// Now set the max date value for the calendar to be that date.
	$(".EventDate input").attr('min', dtToday);
	
	var d = new Date();
	d.setDate(d.getDate() + 12);
	// Get today's date.
	var year = d.getFullYear();			// yyyy
	var month = ("0" + (d.getMonth() + 1)).slice(-2); // mm
	var day = ("0" + d.getDate()).slice(-2);	// dd
	var maxDate = (year + '-' + month + '-' + day);
	$(".EventDate input").attr('max', maxDate);
});