Ausgabe Sortierausgang von Bootstrap-Datepicker

Question

ich folgende Datumsauswahl bin mit: https://github.com/eternicode/bootstrap-datepicker

Ich habe die picker eingerichtet, um mehrere Datumsauswahl zu ermöglichen. Es funktioniert gut in diesem Aspekt. Ich verwende das "dateChanged" -Ereignis, um eine Art der Textbox auszulösen, so dass die Daten in der richtigen Reihenfolge sind. Der Code, den ich habe, funktioniert, wenn ich es durchtrete. Aber aus irgendeinem Grund kehrt das Textfeld zu der unsortierten Datumsliste zurück, wenn das Ereignis beendet wurde. Hier

ist der Code, den ich bisher haben:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"/> 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker.css" rel="stylesheet"/> 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/js/bootstrap-datepicker.min.js"></script> 

<script type="text/javascript"> 
      $(function() { 
       $('#RequestedDatesDIV').datepicker({ 
        daysOfWeekHighlighted: "0,6", 
        multidate: true, 
        autoclose: true, 
        todayHighlight: true 
       }) 

       //Listen for the change event on the input 
       .change(dateChanged) 
       .on('changeDate', dateChanged); 

      }); 

        function dateChanged(ev) { 
         var DateBox = document.getElementById("Selection1").value; 
         var SelectedDates = []; 
         SelectedDates = DateBox.split(",") 
         DateBox = SelectedDates.sort(); 
         alert(DateBox); 
        } 

       </script> 

<div class="input-group date" id="RequestedDatesDIV"> 
span class="input-group-addon bluebase" id="basic-addon130"></span>         
<asp:TextBox id="Selection1" CssClass="form-control" runat="server"></asp:TextBox> 
<span id="Selection1_addon" class="input-group-addon redbase" runat="server"> 
<i class="fa fa-calendar"></i> 
</span> 
</div> 

Answer 1

Dieses Problem wird durch einen Fehler in der aktuellen Version des Datumsauswahl verursacht wird. Der Fix dafür ist, das Listenereignis von "changeDate" in "hide" zu ändern. Hinweis: Dies funktioniert nur, wenn Sie "autoclose" aktiviert lassen.

//Listen for the change event on the input 
      .change(dateChanged) 
      .on('hide', dateChanged);