Bootstrap 使用 ASP.NET 网络表单在页面事件后重置日期选择器设置

Bootstrap Datepicker settings reset after page event using ASP.NET Webforms

事情是这样的:bootstrap 日期选择器在页面第一次加载时非常有用。但是当我执行任何事件(按钮单击、显示模态、隐藏模态、在 GridView 中更改分页等)时,日期选择器停止工作。无论页面中发生什么,我如何维护日期选择器设置?

这是重要的代码部分:

<div class="row">
    <div class="col-sm-2 col-sm-offset-3" style="margin-bottom: 10px; margin-right:30px">
        <label>Data início:</label>
        <div class='input-group date' id='dataInicioPicker' style="width:0;">
            <asp:TextBox runat="server" ID="txbDataInicio" CssClass="form-control text-datas"></asp:TextBox>
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
        </div>
    </div>
    <div class="col-sm-2" style="margin-bottom: 10px;">
        <label>Data fim:</label>
        <div class='input-group date' id='dataFimPicker' style="width:0">
            <asp:TextBox runat="server" ID="txbDataFim" CssClass="form-control text-datas"></asp:TextBox>
            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $('#dataInicioPicker').datepicker({
            format: 'dd/mm/yyyy',
            language: "pt-BR",
        });

        $('#dataFimPicker').datepicker({
            format: 'dd/mm/yyyy',
            language: "pt-BR",
        });
    });
</script>

重要提示:

因此 link:

<script type="text/javascript"> 
    $(document).ready(function() {
        //jquery code
    });
    var parameter = Sys.WebForms.PageRequestManager.getInstance();
    parameter.add_endRequest(function() {
        //jquery code again for working after postback
    });
</script>

干杯,