选择日期选择器后如何启用下拉菜单？

Question

我有两个步骤；日期是第一步，时间（应用 disabled 元素）是秒步。所以问题来了，在 selection of Date 之后，Time is able to be select 因为我使用下面的代码删除了 disabled 元素。但是，它不会发生。连提示也不出现。

我在 Bootstrap 4 上使用 Air Datepicker 和 selectpicker 插件。

HTML

<input id="date" type="text" class="form-control datepicker-here">
<div class="col-lg-12 col-sm-12">
    <select class="font-14 selectpicker form-control" id="time" disabled>                                               
        <option value="">-- TIME --</option>
    </select>
</div>

JS

$("#date").datepicker("change",function() {
    alert("Test");
    $("#time").removeAttr("disabled");
});

Answer 1

使用blur函数检测输入变化

$("#date").on('blur', () =>{
    alert("Test");
    $("#time").removeAttr("disabled");
});

选择日期选择器后如何启用下拉菜单？

How to enable dropdown after datepicker selection made?

html

jquery

datepicker

bootstrap-datepicker