Wie überprüft man, ob die Datepicker- und Timepicker-Elemente mit JQuery/Javascript gesetzt werden

Question

Ich habe 2 Datumsauswahl und 2 entsprechende Zeitauswahl in HTML-Seite. Wenn ein Benutzer auf einen einzelnen Datenpunkt (und/oder einen Zeitpicker) klickt und ihn auswählt, wird im Prinzip eine Funktion aufgerufen, und es wird überprüft, ob alle 4 Felder Werte enthalten.

Wie kann ich dies mit JS/jQuery erreichen?

Das ist mein HTML-Code ist:

<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

Zuerst müssen Sie zwei Eingänge mit dem gleichen Namen.

Zweitens sollten Sie den Elementen Ereignisse hinzufügen. Hier ist eine Liste von DOM Events und jQuery events, die für eine Tonne von Zwecken ausgelöst werden können.

In Ihrem speziellen Szenario müssen Sie überprüfen, ob sich der Wert für sie geändert hat. Sie können das onchange DOM-Ereignis verwenden.

JS change event:

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

jQuery.change:

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

Nun, wenn Sie sehen wollen, wenn der Eingang einen Wert hat, sollte Ihre Funktion wie folgt aussehen:

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