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

Question

我在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"/>

Answer 1

首先，您有兩個名稱相同的輸入。

其次，您應該將事件添加到元素中。 這是可以出於多種目的觸發的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
    }
});