problema con datapicker

[gasparroni]

ho inserito un datepicker su un campo di input (di una data ovviamente) di un dialog, il datepicker compare ma come clikko su una data qualsiasi ricevo un errore file js corrispondente jquery-ui del tipo : f is null

Nel corrispondente file js ho messo le seguenti linee di codice:

$('#ins_prenotazione').click(function(){
var dialog = $("#dialog-prenotazione").dialog({ modal: true});
$(".ui-dialog #from").datepicker();
$(".ui-dialog #to").datepicker();
....

Cioè alla pressione di un tasto viene visualizzata con dialog la finestra di popup e poi su questa finestra nei campi corrispondenti inserisco i miei datepicker ma qualcosa non gli piace!!!
Cosa posso fare per risolvere il problema? Grazie in anticipo!!!

[Xinod]

se vuoi che qualcuno ci dia un' occhiata permetti di farlo perdendo meno tempo possibile,
lasciando un link alla tua pagina

[gasparroni]

di quale link parli? scusami ma non ho capito cosa intendi!!

[Xinod]

link alla TUA pagina, devi far vedere quello che hai fatto TU
non aspettarti che qualcuno si ricostruisca quello che FORSE hai fatto tu, FORSE commettendo gli stessi errori, se errori vi sono

ragazzi sveglia, altrimenti non lamentatevi se non ricevete risposte

[gasparroni]

La domanda è semplice (forse) non riesco ad eseguire un datapicker su un dialog cercherò di essere più chiaro:

la pagina principale contiene:
<div id="dialog-prenotazione" title="Modifica Dati Cliente" style="display:none">
<div class="pad">
<label for="nome" class="label">Nome</label>
<input name="nome" id="nome" class="pop_up" value="">
</div>
<div class="pad">
<label for="cognome" class="label">Cognome</label>
<input name="cognome" id="cognome" class="pop_up" value="">
</div>
<div class="pad">
<label for="citta" class="label">Citt&agrave;</label>
<input name="citta" id="citta" class="pop_up" value="">
</div>
<div class="pad">
<label for="via" class="label">Via</label>
<input name="via" id="via" class="pop_up" value="">
</div>
<div class="pad">
<label for="tipologia" class="label">Tipo Camera</label>
<input name="tipologia" id="tipologia" class="pop_up" value="">
</div>
<div class="pad">
<label for="numero" class="label">Num. Persone</label>
<input name="numero" id="numero" class="pop_up" value="">
</div>
<div class="pad">
<label for="to" class="label">Data arrivo</label>
<input name="to" id="to" class="pop_up" value="">
</div>
<div class="pad">
<label for="from" class="label">Data Partenza</label>
<input name="from" id="from" class="pop_up" value="">
</div>
<div class="pad">
<label for="email" class="label">Email</label>
<input name="email" id="email" class="pop_up" value="">
</div>
<div class="pad">
<label for="telefono" class="label">Telefono</label>
<input name="telefono" id="telefono" class="pop_up" value="">
</div>
<input type="submit" value="Invio" style="display:block; clear:both; margin-left:40%; margin-top:10px" id="submit">
</div>


Al click di un pulsante ('#ins_prenotazione') mando poi in popup tale finestra che contiene i campi di input from e to:

$('#ins_prenotazione').click(function(){
$("#dialog-prenotazione #to").datepick();
$("#dialog-prenotazione #from").datepick();
var dialog = $("#dialog-prenotazione").dialog({
modal: true,
});

$("#dialog-prenotazione #submit").click(function(){
var row_popup_ins = new Array();
$(".ui-dialog #dialog-prenotazione input:not(#submit)").each(function(i,val){
row_popup_ins[i] = $(".ui-dialog"+" #"+$(val).attr('id')).val();
});
dialog.dialog("close","true");
$.post("prenotazione.php", { tipo: "aggiungi", nome: row_popup_ins[0], cognome: row_popup_ins[1], citta: row_popup_ins[2], via: row_popup_ins[3], "CM": row_popup_ins[4], persone: row_popup_ins[5], to: format_data(row_popup_ins[6]), from: format_data(row_popup_ins[7]), email: row_popup_ins[8], telefono: row_popup_ins[9] }, function(data){
if ( data == "ok" ) {
alert("insert row" + data);
} else {
alert("insert row" + data)
}
});
});
});

ma sembra che qualcosa non gli piaccia!!

Allego di seguito il file table.js di cui c'è uno stralcio sopra

[gasparroni]

ho inserito un datepicker su un campo di input (di una data ovviamente) di un dialog, il datepicker compare ma come clikko su una data qualsiasi ricevo un errore file js corrispondente jquery-ui del tipo : f is null

Nel corrispondente file js ho messo le seguenti linee di codice:

$('#ins_prenotazione').click(function(){
var dialog = $("#dialog-prenotazione").dialog({ modal: true});
$(".ui-dialog #from").datepicker();
$(".ui-dialog #to").datepicker();
....

Cioè alla pressione di un tasto viene visualizzata con dialog la finestra di popup e poi su questa finestra nei campi corrispondenti inserisco i miei datepicker ma qualcosa non gli piace!!!
Cosa posso fare per risolvere il problema? Grazie in anticipo!!!

allego il codice per una più facile comprensione:

in testa al file php visualizato ho aggiunto i seguenti css e js
<style type="text/css" title="currentStyle">
@import "css/custom-theme/jquery-ui-1.8.4.custom.css";
</style>
<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../jquery/jquery.datePicker.js"></script>
<script type="text/javascript" src="../jquery/jquery-ui-1.8.4.custom.min.js"></script>
...
<a href="javascript:void(0)" id="ins_prenotazione">
<?php
include('funzioni_mysql.php');
// istanza della classe
$data = new MysqlClass();
?>
[img]images/button_prenotazione_small.png[/img]
<div id="dialog-prenotazione" title="Modifica Dati Cliente" style="display:none">
<div class="pad">
<label for="nome" class="label">Nome</label>
<input name="nome" id="nome" class="pop_up" value="">
</div>
<div class="pad">
<label for="cognome" class="label">Cognome</label>
<input name="cognome" id="cognome" class="pop_up" value="">
</div>
<div class="pad">
<label for="citta" class="label">Citt&agrave;</label>
<input name="citta" id="citta" class="pop_up" value="">
</div>
<div class="pad">
<label for="via" class="label">Via</label>
<input name="via" id="via" class="pop_up" value="">
</div>
<div class="pad">
<label for="tipologia" class="label" >Tipo Camera</label>

<input type="checkbox" id="CM" name="CM" value="CM" style="display:block;float: left" /><span style="display:block">Camera Matrimoniale</span>
<input type="checkbox" id="CD" name="CD" value="CD" style="float: left"><span style="display:block">Camera Doppia</span>
<input type="checkbox" id="CC" name="CC" value="CC" style="float: left"><span style="display:block">Camera Letti a Castello</span>
</div>
<div class="pad">
<label for="numero" class="label">Num. Persone</label>
<select id="numero" name='numero' style="width: 185px;">
<option value = '1' >1
<option value = '2' >2
<option value = '3' >3
<option value = '4' >4
<option value = '5' >5
<option value = '6' >6
<option value = '7' >7
</select>
</div>
<div class="pad">
<label for="to" class="label">Data arrivo</label>
<input name="to" id="to" class="pop_up" value="">
</div>
<div class="pad">
<label for="from" class="label">Data Partenza</label>
<input name="from" id="from" class="pop_up" value="">
</div>
<div class="pad">
<label for="email" class="label">Email</label>
<input name="email" id="email" class="pop_up" value="">
</div>
<div class="pad">
<label for="telefono" class="label">Telefono</label>
<input name="telefono" id="telefono" class="pop_up" value="">
</div>
<input type="submit" value="Invio" style="display:block; clear:both; margin-left:40%; margin-top:10px" id="submit">
</div>
</a>

le funzioni javascript coinvolte sono:
$('#ins_prenotazione').click(function(){
$("#dialog-prenotazione #to").datepicker();
$("#dialog-prenotazione #from").datepicker();
var dialog = $("#dialog-prenotazione").dialog({
modal: true,
closeOnEscape: false ,
resizable: true,
stack: false,
});

$("#dialog-prenotazione #submit").click(function(){
var row_popup_ins = new Array();
$(".ui-dialog #dialog-prenotazione input:not(#submit)").each(function(i,val){
row_popup_ins[i] = $(".ui-dialog"+" #"+$(val).attr('id')).val();
});
dialog.dialog("close","true");
$.post("prenotazione.php", { tipo: "aggiungi", nome: row_popup_ins[0], cognome: row_popup_ins[1], citta: row_popup_ins[2], via: row_popup_ins[3], "CM": row_popup_ins[4], persone: row_popup_ins[5], to: format_data(row_popup_ins[6]), from: format_data(row_popup_ins[7]), email: row_popup_ins[8], telefono: row_popup_ins[9] }, function(data){
if ( data == "ok" ) {
alert("insert row" + data);
} else {
alert("insert row" + data)
}
});
});
});

ma ricevo sempre l'errore:

f is null
nel file js jquery-ui-1.8.4.custom.min.js alla line 507 quella che utilizza la funzione f, ma da quello che ho potuto constatare mi da errore tutto quello che è cliccabile su jquery.

Non so se qualcono è in grado di aiutarmi ... help me!!