2012-04-27 73 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