Evento al seleccionar fecha en calendario

[Maru77]

Hola a todos!

Tengo un calendario con el siguiente formato:


<script type="text/javascript" src="js/datepicker.js"></script>

Código HTML:

<script>
$('#date').DatePicker({
	flat: true,
	date: '2008-07-31',
	current: '2012-05-31',
	calendars: 1,
	starts: 1
});
</script> 

extraido de esta web


El calendario se muestra del siguiente modo:

Código HTML:

 <p id="date"></p> 

Necesito que al seleccionar una fecha me devuelva el resultado de una búsqueda en php.

La búsqueda la armé del siguiente modo y funciona con un formulario en html.

Código PHP:

  $conn = new conection();
$rs = new RecordSet($conn);
 
if(isset($_POST['inputDate'])){
            $dob1=trim($_POST['inputDate']);//$dob1='dd/mm/yyyy' format
            list($m, $d, $y) = explode('/', $dob1);
            $dob_disp1=$y."-".$m."-".$d;
    
    $sql="SELECT * FROM `novedades` WHERE `fecha`='".$dob_disp1."'";
} else {
    die('error'); }
 
$buscar = $rs->get_object_list($sql); 
   

mi idea era llamarlo con alguna función mas o menos así:

Código HTML:

<script language="javascript">
$(document).ready(function(){
   $("#date").change(function () {
           
            var v_elegido=$(this).val();
			
            $.post("novedadesbusqueda.php", { elegido: v_elegido }, function(data){
            $("#date").html(data);
            });            
        });
   })
});
</script> 

Esa función no responde, seguro tengo algo mal, pero no he encontrado mucho en la web como para guiarme, espero me puedan indicar de algún ejemplo.

Muchas gracias desde ya.

[quike88]

Hola,

Al usar un plugin la mejor opción siempre es revisar la documentación del mismo. Al final del link que proporcionaste hay un ejemplo.

Código Javascript:

$('#inputDate').DatePicker({
    format:'m/d/Y',
    date: $('#inputDate').val(),
    current: $('#inputDate').val(),
    starts: 1,
    position: 'r',
    onBeforeShow: function(){
        $('#inputDate').DatePickerSetDate($('#inputDate').val(), true);
    },
    onChange: function(formated, dates){
        $('#inputDate').val(formated);
        if ($('#closeOnSelect input').attr('checked')) {
            $('#inputDate').DatePickerHide();
        }
    }
});
 

Saludos.

[Maru77]

Gracias Kike88!

Vi ese ejemplo pero mi idea era que el calendario aparezca visible, en ese ejemplo hay que hacer click sobre el campo para que el calendario se despliegue, no encontré la manera de que el evento se cumpla en modo estático.