2012-04-27 16 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プラグインjsの前にjquery-1.7.1.min.jsを含めて、もう一度やり直してください。私はdatepickerの初期化関数でエラーを見つけられませんでした。

+0

すべてのatherプラグインの前にjquery-1.7.1.min.jsが含まれていますが、まだ動作していません。エラーは表示されませんが、ボックスをクリックすると日付ピッカーは表示されません。 – jonny

+1

query-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

関連する問題