使用bootstrap datepicker在Gridview的按钮中工作编辑Bootstrap的模式有问题

时间:2015-01-16 14:18:41

标签: jquery asp.net twitter-bootstrap gridview

bootstrap datepicker在bootstrap模式中不起作用,它被分配给Gridview的Button。我有另一个按钮不在Gridview中,当我点击它Bootstrap模式工作正常和Bootstrap Datepicker也工作正常。麻烦在于使用datepicker,它位于Gridview中的编辑按钮的Bootstrap模式中。

    $(function () {
        $(".DatePickerControl").datepicker('setValue', '01/01/1985');
        $('.DatePickerControl').datepicker('update');
        $('.DatePickerControl').val('');
        /* $('#dp1').datepicker('setDate', new Date(1985, 01, 01));
        $('#dp1').datepicker('update');
        $('#dp1').val('');*/
    });

1 个答案:

答案 0 :(得分:0)

从这里找到解决方案

How to apply jquery datepicker to textbox in gridview in masterpage

您需要在UpdatePanel

之前插入以下代码
 <asp:ScriptManager ID="ScriptManager1" runat="server" EnableCdn="true">



</asp:ScriptManager>

        <script type="text/javascript">
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(getme);
            function getme() {
                $('.DatePickerControl').datepicker('setValue', '01/01/1985');
                $('.DatePickerControl').datepicker('update');
                $('.DatePickerControl').val('');
            }
    </script>  

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
    <asp:GridView runat="server" AllowPaging="true"