Объединить встроенный jquery datepicker с полем ввода?

Я знаю, что я могу использовать $('div').datepicker() для получения встроенного datepicker, но как мне показать фиксированную строку datepicker под своим полем ввода?

Опция поля alt не работает для меня, потому что я хочу, чтобы datepicker также реагировал на дату, введенную в поле ввода.

Мне понадобится что-то вроде следующего псевдокода:

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

Ответы

Ответ 1

Попробуйте следующее: Рабочая демонстрация http://jsfiddle.net/KRFCH/

Опция altField будет ссылаться на второе поле, которое вы хотите! http://jqueryui.com/datepicker/#alt-field

Теперь обратите внимание: любое изменение ввода будет отображаться в datepicker на change

Это должно соответствовать вашей причине :)

код

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

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

Ответ 2

его невозможно получить inpicker datepicker, просто используя поле ввода. поэтому, используйте поле div и поле ввода вместе, чтобы получить то, что вы хотели.

А также изменение, внесенное в поле ввода, также будет представлено в datepicker также

CODE:

<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>

проверить jsfiddle, который я создал для вас:

http://jsfiddle.net/v9XCP/