Календарный календарь Bootstrap показывает два календаря в IE 11

Question

Календарный календарь Bootstrap показывает два календаря в IE 11, когда я нажимаю на < < или >> значки для получения предыдущего или последнего месяца. Ниже приведен код для отображения календаря. Помощь Pls. Заранее спасибо.

$(".datepicker, .date").datepicker({ 
     format: 'dd M yyyy', 
     weekStart: 1, 
     todayBtn: "linked", 
     showTodayButton: true, 
     forceParse: false, 
     //clearBtn: true, 
     beforeShowDay: function (date) { 
      var d = date.getDate(); 
      var m = date.getMonth() + 1; 
      var y = date.getFullYear(); 

      if (holidayJson[y] && holidayJson[y][m] && holidayJson[y][m][d]) { 
       var s = holidayJson[y][m][d]; 
       return { 
        tooltip: s.tooltip, 
        classes: s.className 
       }; 
      } else { 
       return { tooltip: ' ', classes: '' }; 
      } 
     } 
    });  

Я думаю, что проблема связана с функцией beforeShowDay, если я удалю ее ее работу отлично. Ниже приведен html-код из файла html и файла aspx.

<div class="input-append date" style="cursor: pointer; display: inline;"> 
    <input type="text" id="FromDate" class="form-control input-sm" onfocus="blur();" data-ng-model="ttsViewModel.FromDate" style="display: inline-block;" /> 
    <span class="add-on" id="FromDateAddOn" style="font-size: 16px; color: #c09853;"><i class="fa fa-calendar" style="padding-left: 3px; padding-top: 4px;"></i></span> 
</div> 

<div class="input-append date" style="cursor: pointer; display: inline;" data-date-format="dd M yyyy"> 
    <asp:TextBox ID="txtFdate" Width="80px" runat="server" ToolTip="mm/dd/yyyy" ClientIDMode="Static" CssClass="form-control input-sm" 
      style="width: 80px; display: inline-block;" ></asp:TextBox> 

    <span class="add-on" style="font-size: 16px; color: #c09853;"><i class="fa fa-calendar" style="padding-left: 3px; padding-top: 4px;"></i></span> 
</div> 

Answer 1

Проблема вызвана тем, как вы подаете функциональность Datepicker к вашему элементу/текстового поля. Класс .datepicker уже используется самой библиотекой для окна datepicker, используя одно и то же имя класса, чтобы указывать элементы whigh для применения datepickers, заставляя ваш код пытаться добавить новый datepicker во всплывающее окно datepicker (потому что он пытается добавить datepicker для каждого элемента, имеющего класс .datepicker, а всплывающее окно datepicker использует этот класс).

Насколько я знаю, это, по-видимому, вызывает ошибку только в переключателе месяца и при использовании IE11 по каким-либо причинам. Возможно, потому что другой щелчок во всплывающем окне datepicker вызывает изменение режима datepicker и перерисовку datepicker.

Попробуйте просто использовать другой класс, чем «.datepicker» для реализации datepickers к вашему контролю (т.е. .attachadatepickertothiscontrol)