Wie kann man den Zeitraum nach Namen zwischen zwei Eingaben zählen? In Java Script auswählen?

Question

ist hier einige Lösungen, wie man die Tage zwischen zwei zählen kann, wählen Sie die Eingabe nur nach Tag Name der Woche mit JavaScript? Oder eine Demo in jsfiddle?

Beispiel:

Ich habe zwei select-Tag Eingänge:

<select> 
    <option value="1">Sunday</option> 
    <option value="2">Monday</option> 
    <option value="3">Tuesday</option> 
    <option value="4">Wednesday</option> 
    <option value="5">Thursday</option> 
    <option value="6">Friday</option> 
    <option value="7">Saturday</option> 
</select> 

<select> 
    <option value="1">Sunday</option> 
    <option value="2">Monday</option> 
    <option value="3">Tuesday</option> 
    <option value="4">Wednesday</option> 
    <option value="5">Thursday</option> 
    <option value="6">Friday</option> 
    <option value="7">Saturday</option> 
</select> 

<input type="text" name="c_days"> 

Wenn der Benutzer wählen Freitag in der ersten und der Montag in der zweiten (sein gewesen Ergebnis 3 Tage), sollte die Berechnung Gesamtzahl der Tage zwischen dem ersten und zweiten ausgewählten und eingegebenen Zählwert in die Eingabe c_days.

Vielen Dank für Ihre Idee!

Answer 1

function updateResult() { 
 
    // Get selections. 
 
    var firstValue = parseInt(document.querySelector('#firstMenu').value); 
 
    var secondValue = parseInt(document.querySelector('#secondMenu').value); 
 
    // Calculate difference. If < 0, add 7 days. 
 
    var difference = secondValue - firstValue; 
 
    if (difference < 0) difference += 7; 
 
    // Add value to input 
 
    document.querySelector('#c_days').value = difference; 
 
} 
 

 
window.onload = function() { 
 
    // Append functions to drop down menus. 
 
    document.querySelector('#firstMenu').addEventListener('change', updateResult); 
 
    document.querySelector('#secondMenu').addEventListener('change', updateResult); 
 
};

<select id="firstMenu"> 
 
    <option value="1">Sunday</option> 
 
    <option value="2">Monday</option> 
 
    <option value="3">Tuesday</option> 
 
    <option value="4">Wednesday</option> 
 
    <option value="5">Thursday</option> 
 
    <option value="6">Friday</option> 
 
    <option value="7">Saturday</option> 
 
</select> 
 

 
<select id="secondMenu"> 
 
    <option value="1">Sunday</option> 
 
    <option value="2">Monday</option> 
 
    <option value="3">Tuesday</option> 
 
    <option value="4">Wednesday</option> 
 
    <option value="5">Thursday</option> 
 
    <option value="6">Friday</option> 
 
    <option value="7">Saturday</option> 
 
</select> 
 

 
<input type="text" name="c_days" id="c_days" value="0">