Javascript 使用数据列表自动下一个焦点到日期选择器

除了第一次输入，我的表单元素使用自动下一个焦点。我的第一个输入有datalist，当我选择一个列表时，它不会关注下一个（datepicker）输入。但是如果我从第二个输入开始，我的自动对焦功能工作得很好，我该如何处理它呢？我还分享了

$（文档）.ready（函数（）{
$（'.flexdatalist'）.flexdatalist({
最小长度：0，
是的，
}).on（'选择：flexdatalist'，函数（）{
$（“#签入”）.focus（）；
});
变量赋值选择器=函数（id，关闭时）{
如果（关闭时的类型！=“函数”）{
whenClosed=null；
}
返回新皮卡日({
月数：2，
字段：document.getElementById（id），
格式：“DD.MM.YYYY”，
minDate:新日期（），
第一天：1，
maxDate：新日期（2020年12月31日），
onSelect:function（）{
e=this.getDate（）；
},
一旦关闭：何时关闭
});
}
赋值选择器（'签入'，函数（）{
$（“#签出”）.focus（）；
});
赋值选择器（'签出'，函数（）{
$（“#选择”）.focus（）；
});
});
正文{
填充：30px；
}
输入，
挑选{
宽度：100%；
填充：10px；
边框：1px实心#ccc；
}

PHP
JavaScript
Cobol
C#
C++
JAVA
帕斯卡
FORTRAN
口齿不清
敏捷的
动作脚本
选择
1.
2.
3.
4.
5.
6.
7.
更正数据列表的输入标记。像这样：

    <form action="" method="get">
    <input  list="languages" name="languages">
      <datalist id="languages">
        <option value="PHP">
        <option value="JavaScript">
        <option value="Cobol">
        <option value="C#">
        <option value="C++">
        <option value="Java">
        <option value="Pascal">
        <option value="FORTRAN">
        <option value="Lisp">
        <option value="ActionScript">
      </datalist>
    </form>

在我处理了通过
http
而不是
https
加载文件的所有问题之后，您的大部分代码都还可以

此解决方案的核心是在
pickaday
配置中使用
onSelect
，而不是
onClose
，并在没有
var
的情况下定义
assignPicker
函数

您的问题是，更改后，您将重点放在签入上，然后立即将重点放在签出上，定义一个事件以在单击后更改焦点实际上我不知道如何在js脚本中定义itchange。使用.trigger（“单击”）而不是focus（）。并在onClose的位置使用onSelect:。我希望它能对你们有用。我知道这是一个很好的例子，但我不明白为什么在选择后不能用触发器聚焦