javascript - 将内联 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

现在注意：输入中的任何更改都将反映在日期选择器中change

这应该适合你的事业:)

代码

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

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

Answer 2

datepicker仅使用inputfield是不可能获得内联的。你需要使用 adiv和 aninput来获得你想要的东西。

注意：中所做的任何更改都input将反映在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/