引導的DateTimePicker不控制參數

第一次發佈工作，請讓我知道如果我失去了一些東西。引導的DateTimePicker不控制參數

我使用bootstrap's datetimepicker選擇在圖表上的日期。該圖表還使用過濾器表達式和控制參數。在初始頁面加載時，datetimepicker小部件工作得很好。當我選擇不同的單選按鈕來更改我的圖表數據時，datetimepicker的小部件不再顯示日曆。

我試圖改變我回發到包括保護子所以當頁面的變化，數據綁定我的DateTimePicker刷新，但不是運氣。

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>

單選按鈕

<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>

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

來源

2017-05-16 Allan

經過一番研究，我發現我的問題是Ajax的更新面板和白手起家的DateTimePicker之間的衝突。本文解釋並提供了幾種補救方法。使用方法＃2

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

林。解決了我的問題。

<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>

來源

2017-05-19 12:00:14 Allan

引導的DateTimePicker不控制參數

回答

相關問題