Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery日历控件仅在单击文本框时显示一次_Jquery_Asp.net - Fatal编程技术网

JQuery日历控件仅在单击文本框时显示一次

JQuery日历控件仅在单击文本框时显示一次,jquery,asp.net,Jquery,Asp.net,我有一个JQuery日历,它在我的网页上运行得很好,但只有一次。在我选择日期并尝试单击文本框更改日期后,日历不会显示 这是我的密码 ` $(文档).ready(函数(){ $(“#”)日期选择器(); }); ` 用于显示日期选择器的语句仅在document.ready上执行一次。您可以绑定focus事件,以便在TextBox获得焦点时打开它 $(document).ready(function () { $("#<%= txtDatePicker.Clie

我有一个JQuery日历,它在我的网页上运行得很好,但只有一次。在我选择日期并尝试单击文本框更改日期后,日历不会显示

这是我的密码 `

$(文档).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事件