2010-02-27 79 views
0

我使用Asp.Net VS08 C#。我創建了一個Web控件。如何在webcontrol上使用JQuery Datepicker。jQuery Datepicker如何在WebControl中使用

<%@ 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 2010-02-27 14:10:33

+1

然後,我可能會在文本框上設置一個css類,並使用該類代替id。像這樣:$(「。datepicker」)。datepicker(); – 2010-02-27 14:28:42

+0

請給我看一些syntax.Here是我的可編輯gridview的文本框 user280048 2010-02-27 15:07:58

相關問題