2011-11-07 2 views
2

jQuery 캘린더를 표시하기 위해 테스트 페이지를 만들어야합니다.ASP.NET 및 jQuery 캘린더 - 작동하지 않습니다.

모든 것을 올바르게 만든 것처럼 보이지만 Calendar 컨트롤이 표시되지 않습니다.

아래 예제에서 잘못된 점이 있습니까?

<%@ 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

그것은 문제의 원인이 아마도 자기 닫는 스크립트 태그입니다 -

<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" /> 

이 패턴을 사용하여 시도를 - Why don't self-closing script tags work?

+0

+1 하, dup 링크에 대해 유감스럽게 생각했지만, 이미 보았습니다. –

+0

빙고! 고맙습니다! 나는이 대답을 3 분 안에 받아 들일 수있다. 피칭에 대한 다른 사람들 덕분에! 모든 사람들이 +1을 얻습니다. 그게 내가 굴리는 방식이기 때문입니다. ;) – jp2code

1

경고가 발생하지 않는다고 말했기 때문에 경로 Scripts/jquery-1.4.1.min.js이 잘못되었을 수 있습니다.

이 점이 자바 스크립트 파일을 가리키고 있습니까?

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?

관련 문제