Form dialog + datetime picker

[Zendar]

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:

$( "#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:

<form id="form" name="form">
                <label for="fecha_inicial">Fecha Inicio</label>
                <input type="text" id="fecha_inicio" name="fecha_inicio"/>
                <br/>
        <label for="fecha_final">Fecha Fin</label>
             <input type="text" id="fecha_fin" name="fecha_fin"/>
                <br/>
        </form>
 

Espero que alguien pueda ayudarme,, gracias!

[livemusic]

Veamos si esto te funciona saludos suerte...

Código:

// HTML 
<label>Fecha <input type="text" class="datepicker" name="txtFecha" id="txtFecha" /></label>

// JS
$('input.datepicker').live('click', function(){
				$(this).datepicker({dateFormat: 'yy-mm-dd', showOn:'focus', changeMonth: true, changeYear: true}).focus();
			})