Javascript 同时打开输入和日期选择器的JQueryUI日期选择器

我想要一个JqueryUI日期选择器，同时打开它的输入文本区域和日历

我知道以下两种选择：

使用输入元素，然后在单击输入字段后打开日历

使用div元素，则根本没有输入字段

如何获取选项1，但在默认情况下打开日历

$（函数（）{
$（“#inputDatepicker”）.datepicker（）；
$（“#divDatepicker”）.datepicker（）；
});

输入日期：

与div的日期：
您可以使用


$（函数（）{
$（“#divDatepicker”）.datepicker({
altField:“#inputDatepicker”
});
});
我无法用小提琴向您展示（不知何故，此功能不起作用），但请尝试将焦点设置到输入字段。
像这样

$(document).ready(function() {
   $(function() {
     $("#inputDatepicker").datepicker();
     $("#inputDatepicker").focus();
   });
});

干杯
R
使用altField和onchange事件：


谢谢，但问题是它们之间没有双向约束。日历会影响输入，但输入不会影响日历。您的输入字段不会影响日历。谢谢，它可以在页面加载时工作，但问题是，当输入失去焦点时，日历会关闭。
function inputDatepickerChanged(val) {
        $("#divDatepicker").datepicker("setDate", new Date(val));
    }