将内联jquery datepicker与输入字段组合？

Question

我知道我可以$('div').datepicker()用来获取内联日期选择器,但是如何datepicker在输入字段下面显示固定内联？

的alt,因为我想现场选项不为我工作datepicker也对输入到输入域的日期作出反应.

我需要类似下面的伪代码:

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

Answer 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());
});

Answer 2

只能通过使用输入字段来获取内联选择器.所以,同时使用div字段和输入字段来获得你想要的东西.

此外,输入字段中所做的更改也将在datepicker中表示

码:

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