2012-04-27 1 views
0

jQueryUIHelpers.Mvc3을 사용하려고하지만 상자를 클릭하면 날짜 상자 선택 도구가 나타나지 않습니다. 여기에 jqueryUIHelpers.Mvc 3 패키지를 설치했습니다. http://jqueryuihelpers.apphb.com/Docmo/Overview/GettingStarted 하지만 페이지를 실행하고 날짜 상자를 클릭하면 아무 것도 나타나지 않습니다. 당신이 유효성 검사 JS 후 jQuery를 호출하고 오류가 발생하고 스크립트가 작동 중지 때문입니다jquery datepicker가 작동하지 않습니다. 날짜 상자가 나타나지 않습니까?

  @model MvcApplication4.Models.Reservation 
      @using JQueryUIHelpers 
      @{ 
     ViewBag.Title = "Create"; 
       } 
     <head> 
     <h2>Create</h2> 
      <title>jQuery UI Helpers - @ViewBag.Title</title> 

       <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
      <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 

      <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> 
     <link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />  
     <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script> 
     <script src="@Url.Content("~/Scripts/jquery-ui-1.8.18.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery-ui.unobtrusive.min.js")" type="text/javascript"></script> 
     </head> 

     @using (Html.BeginForm()) { 
    @Html.ValidationSummary(true) 
<fieldset> 
    <legend>Reservation</legend> 

    <div> 
          <label for="anotherDate">Select another date: </label> 
                            @(Html.JQueryUI().Datepicker("anotherDate").MinDate(DateTime.Today).ShowButtonPanel(true) 
     .ChangeYear(true).ChangeMonth(true).NumberOfMonths(2)) 
    </div> 

답변

1

가 될 수있다 여기 내이다. 오류 콘솔을 확인하고 다른 모든 jquery 플러그인 j보다 먼저 jquery-1.7.1.min.js을 포함시킨 다음 다시 시도하십시오. datepicker 초기화 함수에서 오류를 찾지 못했습니다.

+0

모든 ather 플러그인 이전에 jquery-1.7.1.min.js가 포함되었지만 여전히 작동하지 않습니다. 아무런 오류가 없지만 상자를 클릭해도 날짜 표시기가 나타나지 않습니다. – jonny

+1

작업 중 쿼리 -ui.unobtrusive를 업데이트해야했습니다. -0.3.1.min.js to query-ui.unobtrusive-4.0.min.js – jonny

1

Install-Package jQueryUIHelpers.Mvc3을 실행하면 현재 버전이 ~/Scripts/jquery-ui-1.8.19.min.js~/Scripts/jquery-1.7.2.min.js이므로 설치해야한다고 생각합니다. 그러나 데모 코드는 사용했던 버전 인 ~/Scripts/jquery-ui-1.8.18.min.js~/Scripts/jquery-1.7.1.min.js을 참조합니다. 이 파일을 수동으로 설치하지 않은 한 올바른 버전을 참조하지 않습니다.

+0

@ianco slovak - 방금 코드를 다시 보았습니다. 코드에'@using JQueryUIHelpers'가 필요하지 않습니다. 이것은 이미 여러분의 web.config의 네임 스페이스에 포함되어 있기 때문입니다. 또한,'~/Scripts/jquery-ui.unobtrusive.min.js' 스크립트는'~/Scripts/jquery-ui.unobtrusive.min-0.4.0.js'이어야합니다. 그러나 나는 대답이 받아 들여지 기 때문에이 둘 모두가 정확해야한다고 생각한다. – Dangerous