Buenos dias. Realiza un form dialog con jquery el cual tiene dos datetime picker.. cuando presiono el boton que abre el form dialog, el mismo se abre correctamente pero con el primer datetime picker desplegado.. yo quiero q se despliegue recien cuando el usuario presione sobre la caja de texto del datetime.. Espero que se entienda.. aqui dejo el codigo:
Código Javascript
:
Ver original$( "#dialog-form" ).dialog({
autoOpen: false,
title:"Setear fechas" ,
height: 450,
width: 400,
modal: true,
buttons: {
"Aceptar": function() {
dataString = $('form').serialize();
$.ajax({
type: "POST",
url: "../ejemplo.php",
data: dataString,
dataType: "json"
});
$( this ).dialog( "close" );
},
"Cancelar": function() {
$( this ).dialog( "close" );
}
},
"close": function() {
$( this ).dialog( "close" );
}
});
$("#fecha_inicio").datepicker({altFormat: 'yy-mm-dd',minDate: '-1y'});
$("#fecha_fin").datepicker({altFormat: 'yy-mm-dd',minDate: '-1y'});
$( "#abrir_dialog" )
.button()
.click(function() {
$( "#dialog-form" ).dialog( "open" );
});
y el codigo del formulario:
Código HTML:
Ver original<form id="form" name="form"> <input type="text" id="fecha_inicio" name="fecha_inicio"/> <input type="text" id="fecha_fin" name="fecha_fin"/>
Espero que alguien pueda ayudarme,, gracias!