IE11 Java-Skript On-Change-Ereignis funktioniert nicht mit HTML-Formular-Element

Question

Ich mache einfache Anwendung für Datensatz verlassen Daten. Mit dieser Anwendung habe ich Startdatum und Enddatum des Urlaubs auswählen und dann alle Geschäftsdaten zwischen diesen zwei Tagen berechnen. Bis jetzt funktionieren meine Codes Chrom und firefor tadellos. Ich benutze Jquery UI Date-Picker für zwei Daten auswählen und zweite Date-Picker On-Change-Ereignis für Zähldaten verwenden und es im HTML-Eingabefeld anzeigen. Mit IE wird diese Funktion gebrochen und nachdem ich zwei Tage, eingestellt auf Wechsel Abfeuern Datum Zeit Wähler Ereignis nicht

diese Probe von meinem Code ist

<script type="text/javascript"> 
       $(function() { 
       $("#startd").datepicker({beforeShowDay: $.datepicker.noWeekends , dateFormat: 'yy-mm-dd'}); 
       }); 

       $(function() { 
       $("#endd").datepicker({beforeShowDay: $.datepicker.noWeekends , dateFormat: 'yy-mm-dd' }); 
       }); 

function getBusinessDatesCount(startDate, endDate) { 
    var count = 0; 
    var curDate = startDate; 
    while (curDate <= endDate) { 
     var dayOfWeek = curDate.getDay(); 
     if(!((dayOfWeek == 6) || (dayOfWeek == 0))) 
      count++; 
     curDate.setDate(curDate.getDate() + 1); 
    } 
    return count; 
} 
      </script> 


      <form action='reqprocess.php' method='post'> 
       <table class='table table-hover table-responsive table-bordered'> 
      <tr> 
         <td id="td2">Start</td> 
         <td><input type="text" name="datepicker" class='form-control' id="startd" required onchange="calnumofdays()" /></td> 
        </tr> 
         <tr> 
         <td id="td1">End</td> 
         <td><input type="text" name="datepicker2" class='form-control' id="endd" onchange="calnumofdays()" /></td> 
        </tr> 
        <tr> 
         <td>Days</td> 
         <td><input type="number" name='leavehmd' class='form-control' id="lhmd"/></td> 
        </tr> 
       </table> 
      </form> 

    <script type="text/javascript"> 

      function calnumofdays() {   

      var startDate = $(startd).datepicker("getDate"); 
      var endDate = $(endd).datepicker("getDate"); 

      var numOfDates = getBusinessDatesCount(startDate, endDate); 
      $('#lhmd').val(numOfDates); 
      //alert(numOfDates); 
      $('div#result').text(numOfDates); 
      } 
     </script> 

Wie kann ich dieses Problem beheben? Dieser Code funktioniert perfekt in Chrom und Firfox. Und wenn ich Form-Tags in HTML lösche, fängt es auch an, im IE zu arbeiten.

Answer 1

bearbeiten diese Teile auf calnumofdays und es wird funktionieren ...

function calnumofdays() {   

      var startDate = $("#startd").datepicker("getDate"); //edit these 
      var endDate = $("#endd").datepicker("getDate"); //edit these 

      var numOfDates = getBusinessDatesCount(startDate, endDate); 
      $('#lhmd').val(numOfDates); 
      //alert(numOfDates); 
      $('div#result').text(numOfDates); 
      }