如何檢查是否使用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 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 
    } 
});