Ottenere il valore da JQUERY datepicker

Question

Se desidero visualizzare in linea il Datepicker dell'interfaccia JQUERY allegandolo a un DIV come $("div#someID").datepicker(), come accedere alla data scelta? Presumo che non sia legato a un INPUT quindi non verrà inviato con il modulo.

Credo che come follow-up, se ho bisogno di associarlo a un elemento INPUT, c'è un modo per controllare il posizionamento del datepicker rispetto all'elemento INPUT? Se volessi che il datepicker appaia sopra o sul lato dell'elemento invece che sotto, come potrei farlo?

Perdonami se questa risposta è davvero ovvia.

Answer 1

Se si desidera ottenere la data quando l'utente lo seleziona, è possibile effettuare questa operazione:

$("#datepicker").datepicker({ 
    onSelect: function() { 
     var dateObject = $(this).datepicker('getDate'); 
    } 
}); 

Non sono sicuro della seconda parte della domanda. Ma, hai provato a usare i fogli di stile e il posizionamento relativo?

Answer 2

È possibile utilizzare il metodo getDate:

var d = $('div#someID').datepicker('getDate'); 

che vi darà un oggetto Date in d.

Non ci sono options for positioning popup ma si potrebbe essere in grado di fare qualcosa con CSS o l'evento beforeShow se necessario.

Answer 3

È possibile rimuovere l'attributo nome di questo input, quindi non verrà inviato.

Per accedere al valore di questa controll:

$("div#someID").datepicker("getDate") 

e la vostra può avere uno sguardo al documento http://jqueryui.com/demos/datepicker/

Answer 4

$('div#someID').datepicker({ 
    onSelect: function(dateText, inst) { alert(dateText); } 
}); 

è necessario associarlo al elemento di input solo

Answer 5

Si potrebbe fare come segue: con la convalida solo per assicurarsi che il datepicker sia associato all'elemento.

var dt; 

if ($("div#someID").is('.hasDatepicker')) { 
    dt = $("div#someID").datepicker('getDate'); 
} 

Answer 6

Per posizionare il datario accanto al campo di immissione, è possibile utilizzare il seguente codice.

$('#datepicker').datepicker({ 
    beforeShow: function(input, inst) 
    { 
     inst.dpDiv.css({marginLeft: input.offsetWidth + 'px'}); 
    } 
}); 

Answer 7

Se gli elementi selezionati non sono uno, è necessario utilizzare in questo modo:

$('[type="date"]').datepicker(); 
$('[type="date"]').change(function() { 
    var date = $(this).datepicker("getDate"); 
    console.log(date); 
});