2010-02-27 3 views
0

저는 Asp.Net VS08 C#에서 작업합니다. 웹 컨트롤을 만듭니다 .WebControl에서 JQuery Datepicker를 사용하는 방법.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> 

클릭? 그것을 해결하는 방법?

답변

2

문제는 텍스트 상자의 ID가 클라이언트에 렌더링 될 때 "dtpCalendar"가 아니라는 것입니다. 문제를 해결하기 위해 다음과 같이 할 수 있습니다.

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

감사합니다. 편집 모드에서 GridView의 jquery datepicker 컨트롤을 어떻게 사용할 수 있는지 알려주십시오. – user280048

+1

그럼 아마 텍스트 상자에 CSS 클래스를 설정하고 ID 대신 사용하십시오. 다음과 같은 것 : $ (". datepicker"). datepicker(); –

+0

일부 구문을 표시하십시오. 편집 가능한 gridview의 텍스트 상자가 여기에 user280048

관련 문제