ASP.net和JQuery UI日期选择器

ASP.net和JQuery UI日期选择器,asp.net,jquery-ui,Asp.net,Jquery Ui,鉴于: 如果id=datepicker告诉javascript将所有datepicker代码附加到表单元素,那么如何将其转换为服务器控件 例如: <input id="datepicker" type="text" /> 不工作,因为ASP.net生成自己的ID 编辑 <input runat="server" id="datepicker" type="text" /> 呈现为 <asp:TextBox runat="server" ID="dat

鉴于:


如果id=datepicker告诉javascript将所有datepicker代码附加到表单元素,那么如何将其转换为服务器控件

例如:

<input id="datepicker" type="text" />

不工作,因为ASP.net生成自己的ID

编辑

<input runat="server" id="datepicker" type="text" />

呈现为

<asp:TextBox runat="server" ID="dateTo" class="datepicker"></asp:TextBox>


而且不起作用

将日期选择器绑定到ID不是一个好主意。最好将其赋给类(在asp.net:CssClass中) 然后,多个输入可以有日期选择器。简而言之,将datepicker绑定到一个类。这也修复了asp.net关于ID的问题

<input name="ctl00$mainContent$dateTo" type="text" id="ctl00_mainContent_dateTo" class="datepicker" />

将日期选择器绑定到ID不是一个好主意。更好的方法是将其赋给类(在asp.net:CssClass中) 然后,多个输入可以有日期选择器。简而言之,将datepicker绑定到一个类。这也修复了asp.net关于ID的问题

<input name="ctl00$mainContent$dateTo" type="text" id="ctl00_mainContent_dateTo" class="datepicker" />

您需要在Jquery datepicker初始化中引用控件的客户端ID,如下所示:

 $(".datepicker").datepicker()
$(函数(){
$(“#”)日期选择器();
});

似乎有效:)

您需要在Jquery datepicker初始化中引用控件的客户端ID,如下所示:

 $(".datepicker").datepicker()
$(函数(){
$(“#”)日期选择器();
});

似乎有效:)

我认为一个好的做法是创建一个类,该类可以触发为所有包含它的对象创建的日期选择器,例如“js date picker”

然后,为了避免代码重复,只需编写以下JS一次:

$(function() {
    $("#<%=dateTo.ClientID %>").datepicker();
});
要让ASP.net在文本框上正确设置一个类,以便它使用该类,只需将CssClass=“js date picker”添加到标记中:

$(document).ready(function() { 
    $(".js-date-picker").datepicker();
});


希望这能为您澄清一些问题。

我认为一个很好的做法是创建一个类,该类可以触发一个日期选择器,以便为所有包含它的对象创建,例如“js date picker”

然后,为了避免代码重复,只需编写以下JS一次:

$(function() {
    $("#<%=dateTo.ClientID %>").datepicker();
});
要让ASP.net在文本框上正确设置一个类,以便它使用该类,只需将CssClass=“js date picker”添加到标记中:

$(document).ready(function() { 
    $(".js-date-picker").datepicker();
});


希望这能为您澄清问题。

简单!!在输入文本控件中使用
clientdmode=“static”

示例-
input runat=“server”id=“datepicker”type=“text”clientidmode=“Static”


这应该可以解决您的问题。

简单!!在输入文本控件中使用
clientdmode=“static”

示例-
input runat=“server”id=“datepicker”type=“text”clientidmode=“Static”


这应该可以解决您的问题。

设置class=“datepicker”似乎不适用于jquery UI设置class=“datepicker”似乎不适用于jquery UI,但它现在不太可扩展,是吗。。。如果您将jquery绑定代码放在母版页中,那么,要制作日期选择器,您只需将CssClass添加到您的输入中即可。但现在它不是很可扩展,是不是。。。如果将jquery绑定代码放在母版页中,那么,要创建日期选择器,只需将CssClass添加到输入中即可。