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>
重要提示:
- 我正在使用 bootstrap 日期选择器版本 1.6.4
- 我不能使用其他版本 - 公司的订单
- 我无法修改 bootstrap 日期选择器代码 - 公司的订单
- 我不能使用另一个日期选择器组件 - 公司的订单
- 没有发生 javascript 错误(实际上,根本没有其他 javascript)
- 如果我在每个 ASP.NET 事件方法中放置
ScriptManager.RegisterStartupScript()
来重新定义文本框中的设置,日期选择器将继续正常工作(但我不想这样做每一次的每一次疯狂的方法)
因此 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>
干杯,
事情是这样的: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>
重要提示:
- 我正在使用 bootstrap 日期选择器版本 1.6.4
- 我不能使用其他版本 - 公司的订单
- 我无法修改 bootstrap 日期选择器代码 - 公司的订单
- 我不能使用另一个日期选择器组件 - 公司的订单
- 没有发生 javascript 错误(实际上,根本没有其他 javascript)
- 如果我在每个 ASP.NET 事件方法中放置
ScriptManager.RegisterStartupScript()
来重新定义文本框中的设置,日期选择器将继续正常工作(但我不想这样做每一次的每一次疯狂的方法)
因此 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>
干杯,