Muy bien kronox, aquí tengo la solución para iframe:
Código Javascript
:
Ver original<!DOCTYPE html>
<html lang="en">
<head>
<title>Ejemplo Datepicker</title>
<link rel="stylesheet" type="text/css" media="screen" href="jquery-ui/development-bundle/themes/jquery.ui.datepicker.css" />
<script type="text/javascript" src="jquery-ui/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery-ui/js/jquery-ui-1.8.10.custom.min.js"></script>
<script type="text/javascript" src="jquery-ui/development-bundle/ui/i18n/jquery.ui.datepicker-es.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#datepicker").datepicker({
gotoCurrent: false,
onSelect: function(date, inst) {
var v = 'evento.php?date='+date;
mostrarResultado(v);
},
defaultDate: "<?php if(isset($_GET['date'])) { echo $_GET['date']; } else { echo 'null'; } ?>",
showOn: "button",
buttonImage: "calendar.gif",
buttonImageOnly: true
});
});
function mostrarResultado(val){
document.getElementById("iframeDatos").src=val;
}
</script>
</head>
<body>
<input id="datepicker" type="text" />
<hr />
<h4>Resultado evento:</h4>
<iframe id="iframeDatos" name="iframeDatos" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="500" scrolling="yes" height="100"></iframe>
<hr />
</body>
</html>
Puedes poner el iframe invisible si lo deseas para que no te ocupe el espacio por defecto, pero es cosa de gustos.
Saludos.