2012-04-27 50 views
0

我嘗試使用jQueryUIHelpers.Mvc3,但是當我點擊框時,日期框選取器不出現。 我安裝了像這裏的jqueryUIHelpers.Mvc 3軟件包http://jqueryuihelpers.apphb.com/Docmo/Overview/GettingStarted 但是,當我運行該頁面並單擊日期框時不會顯示任何內容。 這是我的觀點: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

可能是因爲您在驗證後JS所謂的jQuery和發生錯誤,腳本停止運作。檢查你的錯誤控制檯,幷包括jquery-1.7.1.min.js所有其他jquery插件js之前,再試一次。我沒有在datepicker初始化函數中發現任何錯誤。

+0

我包括jquery-1.7.1.min.js之前所有ather插件,但仍然無法正常工作。我沒有得到任何錯誤,但當點擊框沒有datepicker出現 – jonny 2012-04-27 14:17:11

+1

其工作我只需要更新query-ui.unobtrusive -0.3.1.min.js查詢 - ui.unobtrusive-4.0.min.js – jonny 2012-04-27 14:28:33

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斯洛伐克 - 我只是看了你的代碼。您不需要在代碼中使用@using JQueryUIHelpers,因爲它已經包含在web.config中的命名空間中。另外,腳本'〜/ Scripts/jquery-ui.unobtrusive.min.js'應該是'〜/ Scripts/jquery-ui.unobtrusive.min-0.4.0.js'。但是,我認爲這兩個現在必須是正確的,因爲答案已被接受。 – Dangerous 2012-04-27 14:33:38