如何检查是否使用 JQuery/Javascript 设置了 datepicker 和 timepicker 元素

【问题标题】：How to check if the datepicker and timepicker elements are set using JQuery/Javascript如何检查是否使用 JQuery/Javascript 设置了 datepicker 和 timepicker 元素
【发布时间】：2016-09-03 00:34:57
【问题描述】：

我在 HTML 页面中有 2 个日期选择器和 2 个相应的时间选择器。所以基本上，每当用户单击并选择任何单个日期选择器（和/或时间选择器）时，都会调用一个函数，它会检查所有 4 个各自的字段中是否都有值。

如何使用 JS/jQuery 实现这一点？

这是我的 HTML 代码：

 <input type="text" id="from-datepicker"/>
    <input class="timepicker" name="timepicker" id="from-timepicker"/>

 <input type="text" id="to-datepicker"/>
    <input class="timepicker" name="timepicker" id="to-timepicker"/>

【问题讨论】：

这看起来像是“为我做”。到目前为止，您尝试过什么？

标签： javascript jquery datepicker datetimepicker timepicker

【解决方案1】：

首先，您有两个同名的输入。

其次，您应该向元素添加事件。这是DOM Events 和jQuery events 的列表，可以出于多种目的触发。

在您的特定场景中，您需要检查它们的值是否已更改。您可以使用onchange DOM 事件。

JS change event:

elem = document.getElementById("id");
elem.addEventListener("change", yourFunction);

jQuery.change:

$("#id").change(function() {
    // some code
});

现在，如果您想查看输入是否有值，您的函数应该如下所示：

$("#id").change(function() {
    // this = the element for which the event was triggered
    if($(this).val() != "") {
        // code if empty
    } else {
       // code if not empty
    }
});

【讨论】：