Połączyć wbudowany datakser jquery z polem wprowadzania?

Question

Wiem, że mogę użyć $('div').datepicker(), aby uzyskać wstawiany datepicker, ale jak wyświetlić datepicker naprawiony w linii pod jego polem wejściowym?

Opcja pola alt nie działa dla mnie, ponieważ chcę, aby datepicker reagował również na datę wprowadzoną do pola wejściowego.

musiałbym coś jak następuje Pseudokod:

<inputfield type="text" id="d" > 
<div id="z"></div> 
<script> $('#z').datepicker().bindToInputfield($('#d')) </script> 

Answer 1

Spróbuj tego: demo Pracahttp://jsfiddle.net/KRFCH/

Opcja altField będzie link do drugiego pola, które chcesz! http://jqueryui.com/datepicker/#alt-field

Teraz uwaga: każda zmiana na wejściu będzie odzwierciedlać w datepicker na change

To powinno zmieścić swoją przyczynę :)

Kod

$('#z').datepicker({ 
    inline: true, 
    altField: '#d' 
}); 

$('#d').change(function(){ 
    $('#z').datepicker('setDate', $(this).val()); 
}); 

Answer 2

jej nie można uzyskać datepicker inline tylko za pomocą pola wejściowego. więc użyj pola div i pola wejściowego, aby uzyskać to, co chcesz.

oraz zmiany dokonane w polu wejściowym będzie również reprezentowane w datepicker również

KOD:

<input type="text" id="text" /> 
<div id="mydiv"></div> 
<script> 
$('#mydiv').datepicker(); 

$('#text').change(function(){ 
    $('#mydiv').datepicker('setDate', $(this).val()); 
}); 
$('#mydiv').change(function(){ 
    $('#text').attr('value',$(this).val()); 
}); 
</script> 

Sprawdź jsfiddle stworzyłem dla was:

http://jsfiddle.net/v9XCP/