如何检查日期选择器和时间选择器元素是否使用JQuery/Javascript设置

How to check if the datepicker and timepicker elements are set using JQuery/Javascript

本文关键字：选择器 是否 JQuery 设置 Javascript 元素 何检查 检查 日期 时间      更新时间：2023-09-26

我在HTML页面中有两个日期选择器和两个相应的时间选择器。因此，基本上，每当用户单击并选择任何一个日期选择器（和/或时间选择器）时，函数都会被缩放，并检查是否所有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"/>

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

其次，您应该将事件添加到元素中。以下是DOM事件和jQuery事件的列表，这些事件可以出于多种目的触发。

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

JS更改事件：

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
    }
});
相关文章：