将内联 jquery 日期选取器与输入字段结合使用

Combine inline jquery datepicker with an input field?

本文关键字：字段 输入 结合 jquery 日期 选取      更新时间：2023-09-26

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

alt字段选项对我不起作用，因为我希望datepicker也对输入字段中输入的日期做出反应。

我需要类似于以下伪代码的东西：

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

试试这个： 工作演示 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());
});

仅使用 input 字段无法内联datepicker。您需要使用div和input来获得您想要的东西。

注意：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/

相关文章：