jQuery Datepicker如何在WebControl中使用

时间:2010-02-27 13:57:34

标签: jquery

我在Asp.Net VS08 C#上工作。我创建一个Web控件。如何在webcontrol上使用JQuery Datepicker。

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="wcCalendar.ascx.cs" Inherits="Jquery1._8Version.wcCalendar" %>

 <link type="text/css" href="css/ui-lightness/jquery-ui-1.8rc2.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8rc2.custom.min.js"></script>

     <script type="text/javascript">
        $(function() {
        $("#dtpCalendar").datepicker();
        });
    </script>



    <div>
        <asp:TextBox ID="dtpCalendar" runat="server"></asp:TextBox>     
    </div>

我想在.aspx页面上使用此控件,

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JGrid.aspx.cs" Inherits="Jquery1._8Version.JGrid" %>

<%@ Register src="wcCalendar.ascx" tagname="wcCalendar" tagprefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>

</head>
<body>
    <form id="form1" runat="server">
    <div>

        <uc1:wcCalendar ID="wcCalendar1" runat="server" />

    </div>
    </form>
</body>
</html>

点击文本框Datepicker不显示?怎么解决?

1 个答案:

答案 0 :(得分:2)

问题是文本框的id在呈现给客户端时不是“dtpCalendar”。你可以做这样的事情来解决这个问题:

$("#<%=dtpCalendar.ClientID%>").datepicker();