0

更新パネル内でこのdatetimepicker（ http://tarruda.github.io/bootstrap-datetimepicker/# ）を機能させることができないようです。更新パネルの外にあるときに機能します。何か案は？

編集：ここにマークアップがあります

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
     -- Some stuff here --

        <div id="pnlModal" class="modal hide fade in" style="display: none;">
            <div class="modal-header">
                <a class="close" data-dismiss="modal">x</a>
                <h3>Edit Time In</h3>
            </div>
            <div class="modal-body no-space">
                <div class="span4">
                <asp:Image ID="imgPic" runat="server" style="width:200px;"  ImageUrl="~/assets/img/nopic.png" CssClass="pictu" /><br />
                </div>
                <asp:Label ID="lblKey" runat="server" Visible="false" />
                <h5><asp:Label ID="lblIDNumber" runat="server" Text="[ID Number]" /></h5>
                <h4><asp:Label ID="lblName" runat="server" Text="[Name]" /></h4>
                <h4><asp:Label ID="lblChiName" runat="server" Text="[ChiName]" /></h4>


                <asp:Label ID="lblAddress" runat="server" Text="[Address]" /><br />
                Time In: <asp:Label ID="lblTimeIn" runat="server" Text="[TimeIn]" />

                <div id="datetimepicker3" class="input-append">
                    <input data-format="hh:mm:ss" type="text"></input>
                    <span class="add-on">
                         <i data-time-icon="icon-clock" data-date-icon="icon-calendar"></i>
                    </span>
                </div>     
                <script type="text/javascript">
                    $(function () {
                         $('#datetimepicker3').datetimepicker({
                         pickDate: false
                       });
                   });
               </script>                         
            </div>
            <div class="modal-footer">                           
            </div>
        </div>

    </ContentTemplate>
</asp:UpdatePanel>
4

1 に答える 1

3

あなたの問題は、UpdatePanel に JavaScript を含めていることだと思います。

this questionから、次のように JavaScript を updatepanel の外に移動する必要があります。

<script type="text/javascript">
    function pageLoad(sender, args) {
        $('#datetimepicker3').datetimepicker({ pickDate: false });
    }      
</script>
于 2013-09-09T10:31:26.440 に答える