HTML5 Date Inputs

InputTypeDate.cfm

<input type="date" name="inspectionStart" value="#Dateformat(somedate,"yyyy-mm-dd")#">

<script>
$(document).ready(function () {

	// If a browser doesn't support HTML5 date input types, then load a backup/polyfill
	if(!Modernizr.inputtypes.date){
		// Convert the format from the HTML5 dateformat of yyyy-mm-dd to mm/dd/yyyy
		$('input[type=date]').each(function(){
			var thisdate=$(this).val();
			if(thisdate.length){
				var dateparts=thisdate.split('-');
				var newdate=dateparts[1]+'/'+dateparts[2]+'/'+dateparts[0];
				$(this).val(newdate);
			}
		});
		// Call the jQueryUI datepicker and use the same format as above
		$('input[type=date]').datepicker({
			//dateFormat: 'yy-mm-dd' // HTML5 format
			dateFormat: 'mm/dd/yy'
		});
	}
  
});
</script>