日期選取器無法彈出 - VS2010

我的代碼：從這裏日期選取器無法彈出 - VS2010

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
    <asp:GridView runat="server" ID="MyGridView" AutoGenerateColumns="false"> 
     <Columns> 
      <asp:BoundField DataField="Col1" HeaderText="Column 1" /> 
      <asp:BoundField DataField="Col2" HeaderText="Date 1" /> 
      <asp:BoundField DataField="Col3" HeaderText="Date 2" /> 
      <asp:TemplateField HeaderText="Date 2" > 
       <EditItemTemplate> 
        <asp:TextBox ID="txtDate" CssClass="datepickerCompleted" 
         runat="server" Text="2011/1/1" ></asp:TextBox> 
       </EditItemTemplate> 
      </asp:TemplateField>   
      <asp:BoundField DataField="Col4" HeaderText="Date 3" /> 
      <asp:TemplateField HeaderText="Date 3"></asp:TemplateField> 
     </Columns> 
    </asp:GridView> 
    <script type="text/javascript" language="javascript" src="<%= VirtualPathUtility.ToAbsolute("~/Script/jquery-1.4.1-vsdoc.js")%>"></script> 
<script type="text/javascript"> 

    $(function() { 
     $(".datepickerCompleted").datepicker(); 
    }); 
</script> 
</asp:Content>

遵循例如： enter link description here

當我看看源，我看不出有什麼價值txtDate文本框中填入，我懷疑是不是射擊的jQuery方法..

我該如何調試？

來源

2011-05-13 qazwsx

你的代碼看起來不錯，但datepicker是jQuery UI的一部分，它是一個單獨的下載/腳本 - 它不包含在jquery-1.4.1文件中，它看起來像是你引用的唯一腳本。

編輯：下面是對我工作的例子：

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
    <script src="Scripts/jquery-ui-1.8.12.custom.min.js" type="text/javascript"></script> 

    <script type="text/javascript"> 
     $(function() { 
      $(".datepickerCompleted").datepicker(); 
     }); 
    </script> 
</asp:Content> 

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 

    <asp:GridView runat="server" ID="MyGridView" AutoGenerateColumns="false"> 
     <Columns> 
      <asp:TemplateField HeaderText="Date 2">     
       <ItemTemplate> 
        <asp:TextBox ID="txtDate" CssClass="datepickerCompleted" runat="server" Text="2011/1/1" ></asp:TextBox> 
       </ItemTemplate> 
      </asp:TemplateField>   
     </Columns> 
    </asp:GridView> 

</asp:Content>

您可以下載jQuery UI的here的副本，並here「論datapicker一些更多的信息。

來源

2011-05-13 00:36:23 ataddeini

感謝指着最新的jQuery。把它放在我的機器上。然而在我的源文件中，我有一個txtDate文本框，其中我硬編碼的文本。該值不會顯示，日期選取器也會被調用。 cssClass只是一個ID？我沒有在我的樣式表中定義的那個類 – qazwsx 2011-05-13 00:40:59

@qazwsx：那麼你包含了jQuery-UI腳本，它仍然不起作用？服務器端代碼控制有時可能會非常棘手。我會玩弄它，看看我能找到什麼。 – ataddeini 2011-05-13 00:43:24

我下載了代碼並放置在文件中並以此方式調用它下載這個： http://blog.jquery.com/2011/05/12/jquery-1-6-1-released/ – qazwsx 2011-05-13 00:47:11

根據活躍/投票的答案，我認爲應該增加一個聲明以提高datepicker的可見度。否則它會被背景模糊/變暗。所提出的語句把在2號線（假設jQuery的UI-1.8.14.custom.css文件被下載&放於css文件夾）：

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 

<link type="text/css" href="Css/jquery-ui-1.8.14.custom.css" rel="Stylesheet" /> 
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
<script src="Scripts/jquery-ui-1.8.12.custom.min.js" type="text/javascript"></script> 
...

來源

2011-09-04 12:33:37

日期選取器無法彈出 - VS2010

回答

相關問題