JQuery日历控件仅在单击文本框时显示一次
我有一个JQuery日历,它在我的网页上运行得很好,但只有一次。在我选择日期并尝试单击文本框更改日期后,日历不会显示 这是我的密码 `JQuery日历控件仅在单击文本框时显示一次,jquery,asp.net,Jquery,Asp.net,我有一个JQuery日历,它在我的网页上运行得很好,但只有一次。在我选择日期并尝试单击文本框更改日期后,日历不会显示 这是我的密码 ` $(文档).ready(函数(){ $(“#”)日期选择器(); }); ` 用于显示日期选择器的语句仅在document.ready上执行一次。您可以绑定focus事件,以便在TextBox获得焦点时打开它 $(document).ready(function () { $("#<%= txtDatePicker.Clie
$(文档).ready(函数(){
$(“#”)日期选择器();
});
`
用于显示日期选择器的语句仅在
document.ready上执行一次。您可以绑定focus
事件,以便在TextBox
获得焦点时打开它
$(document).ready(function () {
$("#<%= txtDatePicker.ClientID %>").datepicker();
$("#<%= txtDatePicker.ClientID %>").focus(function () {
$(this).datepicker();
});
});
$(文档).ready(函数(){
$(“#”)日期选择器();
$(“#”)焦点(函数(){
$(this.datepicker();
});
});
用于显示日期选择器的语句仅在document.ready上执行一次。您可以绑定focus
事件,以便在TextBox
获得焦点时打开它
$(document).ready(function () {
$("#<%= txtDatePicker.ClientID %>").datepicker();
$("#<%= txtDatePicker.ClientID %>").focus(function () {
$(this).datepicker();
});
});
$(文档).ready(函数(){
$(“#”)日期选择器();
$(“#”)焦点(函数(){
$(this.datepicker();
});
});
$(函数(){
$(“#日期”).datepicker({
日期格式:年月日,
altField:selectedDay,
altFormat:“DD”,
});
$(函数(){
$(“#日期”).datepicker({
日期格式:年月日,
altField:selectedDay,
altFormat:“DD”,
});
尝试更改为:
$(document).ready(function () {
$("#<%= txtDatePicker.ClientID %>").on('click focus',function(){
$(this).datepicker();
}).datepicker();
});
$(文档).ready(函数(){
$(“#”)在('单击焦点',函数()上{
$(this.datepicker();
}).datepicker();
});
查看代码中发生的情况您刚刚初始化了页面加载时的datepicker(doc ready
)事件,因此如果要更改日期,则必须绑定一个focus
或click
事件,尽管两者都可以正常工作。尝试更改为:
$(document).ready(function () {
$("#<%= txtDatePicker.ClientID %>").on('click focus',function(){
$(this).datepicker();
}).datepicker();
});
$(文档).ready(函数(){
$(“#”)在('单击焦点',函数()上{
$(this.datepicker();
}).datepicker();
});
查看您的代码中发生了什么您刚刚初始化了页面加载上的日期选择器(doc ready
)事件,因此如果您想更改日期,则必须绑定一个focus
或click
事件,尽管两者都可以正常工作。好的,我已经解决了。
这是因为AutoPostBack。使用AutoPostBack时,是部分页面加载,因此日期选择器无法工作。我将日期选择器绑定添加到pageLoad函数中,它现在可以完美工作
谢谢你们的回答,伙计们
function pageLoad() {
$("#<%= txtDatePicker.ClientID %>").datepicker();
}
函数pageLoad(){
$(“#”)日期选择器();
}
好的,我想出来了。
这是因为AutoPostBack。使用AutoPostBack时,是部分页面加载,因此日期选择器无法工作。我将日期选择器绑定添加到pageLoad函数中,它现在可以完美工作
谢谢你们的回答,伙计们
function pageLoad() {
$("#<%= txtDatePicker.ClientID %>").datepicker();
}
函数pageLoad(){
$(“#”)日期选择器();
}
remove autoPostBack=“True”从您的代码中感谢您的权利,但我需要自动发回到fire ontextChanged事件remove autoPostBack=“True”从您的代码中感谢您的权利,但我需要自动发回到fire ontextChanged事件