2012-11-05 2 views
0

내 프로젝트에 datapicker를 추가하려고합니다. 나는 튜토리얼을 따라 갔다.Datepicker - 반응 없음

나는 DatePickerReady.js 파일에 다음 코드를 추가했습니다 :

$(function() { 
    $(".datefield").datepicker(); 
}); 

내가보기 \ Shared_Layout.cshtml 파일의 헤드 요소의 맨 아래에 다음 코드를 추가했습니다.

<link href="@Url.Content("~/Content/themes/base/jquery.ui.core.css")" rel="stylesheet" type="text/css" /> 
<link href="@Url.Content("~/Content/themes/base/jquery.ui.datepicker.css")" rel="stylesheet" type="text/css" /> 
<link href="@Url.Content("~/Content/themes/base/jquery.ui.theme.css")" rel="stylesheet" type="text/css" /> 

<script src="@Url.Content("~/Scripts/jquery.ui.core.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.ui.datepicker.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/DatePickerReady.js")" type="text/javascript"></script> 

나는 집 \ Index.cshtml

@model Nullable<DateTime> 

@{ 
    string dts =""; 
    if (Model != null) 
    { 
     dts = ((DateTime)Model).ToShortDateString(); 

    } 
    @Html.TextBox("start", String.Format("{0:d}", dts), new { @class = "datefield", type = "date" }) 
} 

\ 조회수이 추가하지만/초점을 맞출 때 아무것도하지 않는 텍스트 상자를 클릭했다. 달력이 나타나지 않습니다. 나는 어떤 오류도 발생하지 않는다.

단서가 있습니까?

+1

html 자체를 확인해도 될까요? input 요소에'datefield' 클래스가 있습니까? 또한 jQuery가 올바르게로드되었다고 가정합니까? – raina77ow

+0

input 요소에 datefiled 클래스가 있습니다. packetmanager를 사용하여 datapicker를 설치했으며 스크립트 디렉토리에서 발생합니다. – user897237

+1

사실 jQuery 코어 (jQuery UI 하나가 아님)에 대해 물어 보았습니다.하지만 마음에 들지 않아 여기에 오류가 표시되어야합니다. 이 줄을 실행하면 어떻게됩니까?'$ ('. datefield') .datepicker()'? – raina77ow

답변

1

먼저 jquery.js를 보지 못한 게시본에서 모든 스크립트를 포함했는지 확인하고이 스크립트가 실제로 사용할 수 있는지 확인하십시오.

firebug를 사용하여 dateTime 텍스트 상자를 클릭 할 때 콘솔 오류가 발생하는지 확인하십시오.

다음 클래스가 html 텍스트 입력에 연결되어 있고 jquery 호출도 수행 중인지 확인하고이를 확인하십시오.

여기 ASP.NET MVC 3 날짜 선택기를 사용하여 단계를 안내하여 간단한 단계 : Introduction to jquery Date Picker in ASP.NET MVC

와 나는 DatePickerReady.js가합니까 무엇인지 매우 궁금?

+0

어리석은 저요! 나는 정말로 jquery를 포함하는 것을 잊었다 ... DatePickerReady.js는 .datefield 클래스에 대한 datepicker를 등록한다. $ (". datefield"). datepicker(); . 그래서 모든 js 스크립트를 따로 보관할 수 있습니다. – user897237