Bootstrap-Datepicker的排序输出问题

Question

我正在使用以下Datepicker：https://github.com/eternicode/bootstrap-datepicker

我将datepicker设置为允许多个日期选择。它在这方面工作得很好。我利用"dateChanged“事件来触发一种文本框，以便日期是有序的。当我一步一步通过它时，我拥有的代码可以工作。但由于某些原因，当事件完成激发时，文本框将恢复到未排序的日期列表。

以下是我到目前为止拥有的代码：

<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

此问题是由当前版本的日期选择器中的错误引起的。修复方法是将侦听事件从"changeDate“更改为"hide”。注意:只有在启用了“自动关闭”的情况下，这才能起作用。

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