bootstrap datetimepicker ne fonctionne pas avec le paramètre de contrôle

Question

Pour la première fois, s'il vous plaît laissez-moi savoir si quelque chose me manque. J'utilise bootstrap's datetimepicker pour choisir des dates sur une carte. Le graphique utilise également une expression de filtre et un paramètre de contrôle. Lors du chargement initial de la page, le widget datetimepicker fonctionne correctement. Lorsque je sélectionne un autre bouton radio pour modifier mes données de graphique, le widget datetimepicker n'ouvre plus le calendrier.

J'ai essayé de changer ma publication pour inclure le sous-marin protégé de sorte que lorsque la page change, la base de données de mon datetimepicker se rafraîchit, mais pas de chance.

ASPX

<asp:UpdatePanel runat="server" ID="DTP" OnLoad="Timer1_Tick"> 
     <ContentTemplate> 
      <table> 
       <tr> 
        <td> 
         <div class="row"> 
          <div class="container"> 
           <div class="row"> 
            <div class="col-sm-12"> 
             <div class="form-group"> 
              <div class="input-group date" id="StartDateCalendar"> 
               <input type="text" class="form-control" id="Text1" runat="server" /> 
               &nbsp;&nbsp;<span class="input-group-addon"> 
                <span class="glyphicon glyphicon-calendar"></span> 
               </span> 
              </div> 
             </div> 
            </div> 
            <script type="text/javascript"> 
             $(function() { 
              $("#StartDateCalendar").datetimepicker(); 
             }); 
            </script> 
           </div> 
          </div> 
         </div> 
        </td> 
       </tr> 
      </table> 
     </ContentTemplate> 
    </asp:UpdatePanel> 

boutons radio

<asp:RadioButtonList ID="Channels_All" CellPadding="8" RepeatDirection="Horizontal" RepeatColumns="6" 
    runat="server" AutoPostBack="true" OnSelectedIndexChanged="Timer1_Tick" Font-Size="Small" > 
    <asp:ListItem Text="Total" Value="SUM" Selected="True" /> 
    <asp:ListItem Text="new" Value="new_value" /> 
</asp:RadioButtonList> 

VB

If IsPostBack() Then 
      Timer1_Tick(sender, e) 
     End If 

Protected Sub Timer1_Tick(ByVal sender As Object, ByVal e As EventArgs) 

    DTP.DataBind() 
    Sql_All.DataBind() 
    Chart3.DataBind() 

End Sub 

Answer 1

Après quelques recherches, j'ai trouvé mon problème est un conflit entre Ajax panneaux de mise à jour et bootstraps DateTimePicker. Cet article explique et donne plusieurs façons de remédier.

https://dzone.com/articles/conflicts-between-aspnet-ajax-0

Im en utilisant la méthode # 2. Résolu mon problème.

<div class="row"> 
     <div class='col-sm-12'> 
      <div class="form-group"> 
       <div class='input-group date' id="EndDateCalendar"> 
        <input type='text' class="form-control" id="edc" runat="server" /> 
        &nbsp;&nbsp;<span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
     <script type="text/javascript"> 
      function pageLoad() 
      { 
       $(function() { 
        $("#StartDateCalendar").datetimepicker(); 
       }); 
       $(function() { 
        $("#EndDateCalendar").datetimepicker(); 
       }); 
      } 
     </script> 
    </div>