Question

首次发帖，如果我遗失了某些内容，请告诉我。

我正在使用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>

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

经过一番研究，我发现我的问题是Ajax Update Panels和bootstraps datetimepicker之间的冲突。本文解释并提供了几种补救方法。

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

我正在使用方法＃2。解决了我的问题。

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

bootstrap datetimepicker不使用控制参数

1 个答案: