Ciao,questo è un esempio che funziona su ie11, chrome e firefox ultime versioni.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var datefield=document.createElement("input")
datefield.setAttribute("type", "date")
if (datefield.type!="date"){ //se il browser non supporta input type="date" carica jQuery UI Date Picker
document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n')
}
</script>
<script>
if (datefield.type!="date"){ //se il browser non supporta input type="date", inizializza il widget date picker:
jQuery(function($){
$('#id-data').datepicker();
})
}
</script>
</head>
<body>
<form>
<b>Data:</b>
<input type="date" id="id-data" name="id-data" size="20" />
<input type="button" value="Invia" name="Bottone1"></p>
</form>
</body>
</html>
