2011-11-07 2 views
2

jQueryカレンダーを表示するためのテストページが用意されています。ASP.NETとjQueryのカレンダーが動作しない

私はすべてを正しく作成したようですが、カレンダーコントロールは表示されません。

私の下の例で誰かが間違っていますか?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestjQuery.aspx.cs" Inherits="AcpSheetMetal.TestjQuery" %> 
<!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>jQuery Calendar Test</title> 
    <link rel="Stylesheet" type="text/css" href="Styles/jquery.ui.datepicker.css" /> 
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript" /> 
    <script src="Scripts/jquery.ui.datepicker.js" type="text/javascript" /> 
    <script type="text/javascript"> 
    $(function() { 
     alert("Select Dates and Run Search."); 
     $("#txtStartDate").datepicker(); 
     $("#txtEndDate").datepicker(); 
    }); 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <table style="height:100%;width:100%"> 
    <tr> 
     <td style="width:20%;"> 
     <asp:Label ID="lblStartDate" runat="server" Text="[Start Date]" /><br /> 
     <asp:TextBox ID="txtStartDate" runat="server" ClientIDMode="Static"></asp:TextBox> 
     </td> 
     <td style="width:20%;"> 
     <asp:Label ID="lblEndDate" runat="server" Text="[End Date]" /><br /> 
     <asp:TextBox ID="txtEndDate" runat="server" ClientIDMode="Static"></asp:TextBox> 
     </td> 
     <td style="text-align:left;"> 
     Run Search:<br /> 
     <asp:Button ID="btnSubmit" runat="server" Text="Submit" /> 
     </td> 
    </tr> 
    </table> 
    </div> 
    </form> 
</body> 
</html> 
+0

ああ、と '警告( "日付とファイル名を指定して実行検索を選択する");'ラインは、呼び出されることはありませんどちらか。 – jp2code

答えて

4

それは自己閉鎖スクリプトが問題の原因でタグおそらくだ - Why don't self-closing script tags work? - 更なる情報については、この質問を参照してください

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

すべてのスクリプトタグの代わりに、このパターンを使用して

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

試してみます

+0

+1ハは、dupのリンクを申し訳ありません、あなたはすでにそれを持っていた見ていない。 –

+0

ビンゴ!ありがとうございました!私はこの答えをさらに3分で受け入れることができます。誰もがピッチングをしてくれてありがとう!誰もが+1を取得します。それは私がロールする方法です。 ;) – jp2code

1

警告が発しないと言ったので、私はパスScripts/jquery-1.4.1.min.jsが間違っていると言うことができます。

これはあなたのjavascriptファイルを指していますか?

1

あなたのパスが正しいとあなたのJavaScriptタグ閉じていることを確認してください:

<link rel="Stylesheet" type="text/css" href='<%= Page.UrlResolve("~/Styles/jquery.ui.datepicker.css" %>' /> 
    <script src='<%= Page.UrlResolve("~/Scripts/jquery-1.4.1.min.js" %>' type="text/javascript"></script> 
    <script src='<%= Page.UrlResolve("~/Scripts/jquery.ui.datepicker.js" %>' type="text/javascript"></script> 

Why don't self-closing script tags work?

関連する問題