日期选取器无法弹出 - 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

回答

相关问题