Example of Date Picker

by Sean Coyne

HTML

<input class="pastDate datePicker" placeholder="past dates only"><br>
<input class="futureDate datePicker" placeholder="future dates only"><br>
<input class="datePicker" placeholder="any date"><br>

JavaScript

$(document).ready(function(){

    $('.datePicker,.maskedDate').datepicker({
		dateFormat: "mm/dd/yy",
		changeMonth: true,
		changeYear: true,
		yearRange: "-100:+1",
		showAnim: "show",
		showOtherMonths: true,
		selectOtherMonths: true,
		constrainInput: true
	});
	// prevent user from typing in the date
	$(".datePicker, .maskedDate").keydown(function(event){
		return false;
	});
	
	// certain dates should only be past dates
	$(".pastDate").datepicker("option","maxDate",0);
   	
	// certain dates should only be future dates
	$(".futureDate").datepicker("option","minDate",0);

});