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

只能通过使用输入字段来获取内联选择器。所以，同时使用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/

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

2 个答案: