下拉列表索引更改时日期选取器不起作用
Date picker not working when dropdownlist index change
我的更新面板中有一个下拉列表和文本框。即审计名称、审计日期。"审核名称"下拉列表包含从数据库中检索的值。审核日期用于设置日期,这里使用的是jquery datepicker。
问题是当页面加载时,日期选择器工作正常。 但是当我从下拉列表中选择值时,日期选择器不起作用(甚至不显示日期)。
当我首先选择日期然后选择下拉列表时,文本框值是明确的。 我不知道为什么会这样。
我的代码是,
<script>
$(function () {
$('#<%= txtAuditduedate.ClientID %>').datepicker(
{ minDate: 0, changeMonth: true, changeYear: true });
});
</script>
<asp:UpdatePanel runat="server" ID="upnlAddschedule" UpdateMode="Conditional">
<ContentTemplate>
<table cellpadding="5" cellspacing="5" width="100%">
<tr>
<td align="right">
<asp:Label runat="server" ID="lblAuditlist" Text="Audit Name:/>
</td>
<td align="left">
<asp:DropDownList runat="server" ID="ddauditlist" TabIndex="100" AppendDataBoundItems="true" Width="194px" AutoPostBack="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
</asp:DropDownList>
</td>
</tr>
<tr>
<td align="right">
<asp:Label runat="server" ID="lblDuedate" Text="Audit Due Date:"></asp:Label>
</td>
<td align="left">
<asp:TextBox runat="server" ID="txtAuditduedate" Width="189px" Font-Bold="False" ReadOnly="true" TabIndex="101" />
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
这是我的下拉绑定代码,
public void FillDropDownList()
{
s = WebConfigurationManager.ConnectionStrings["Scon"].ConnectionString;
con = new SqlConnection(s);
con.Open();
cmd = new SqlCommand("select AUDITNAME from MASTER ", con);
dr = cmd.ExecuteReader();
while (dr.Read())
{
ddauditlist.Items.Add(new ListItem(dr["AUDITNAME"].ToString()));
}
dr.Close();
con.Close();
}
尝试在每次更新 UpdatePanel 时绑定日期选取器。
<script>
$(document).ready(function () {
bindDatePicker();
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindDatePicker);
});
function bindDatePicker() {
$('#<%= txtAuditduedate.ClientID %>').datepicker({
minDate: 0,
changeMonth: true,
changeYear: true
});
}
</script>
<!-- Add the ScriptManager if it doesn't already exist on your page -->
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
后面添加脚本,这就是我所做的。
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded( $(function () {
$('#<%= txtAuditduedate.ClientID %>').datepicker(
{ minDate: 0, changeMonth: true, changeYear: true });
}););
</script>
抱歉语法出错了,就像一把钥匙
请参阅此讨论:
日期选取器不适用于更新面板
并查看此博客以了解 jQuery 日期选择器在 Ajax 部分回发后不起作用
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- 监视函数从服务返回不起作用,但作用域函数起作用
- 幻灯片滚动javascript不起作用
- 简单的javascript在Shopify中不起作用
- Recaptcha在IE7和IE8中不起作用
- Ember Data DS.Model's set函数不起作用
- JsFiddle上的鼠标事件不起作用
- 我的AngularJS表达式没有'不起作用
- 点击按钮输入不起作用
- 面向对象的Javascript代码在IE7中不起作用
- 分部隐藏在jquery中不起作用
- 在phonegap应用程序内部重定向不起作用
- Array.length似乎不起作用;console.log则显示其他情况
- $ionicplatform内的$scope不;不起作用
- 日期时间选取器不起作用
- 下拉列表索引更改时日期选取器不起作用
- 日期选取器在 MVC4 中不起作用
- 回发后多日期选取器不起作用
- Jquery Mobile 日期选取器事件不起作用
- 引导选择选取器样式不起作用