jquery datepicker不工作,日期框没有出现?

时间:2012-04-27 12:56:30

标签: asp.net-mvc-3 jquery-ui asp.net-mvc-3-areas

我尝试使用jQueryUIHelpers.Mvc3但是当我点击该框时,日期框选择器不会出现。 我安装了jqueryUIHelpers.Mvc 3软件包,就像这里http://jqueryuihelpers.apphb.com/Docmo/Overview/GettingStarted一样 但是当我运行页面并单击日期框时,没有任何内容出现。 以下是我的观点:

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

2 个答案:

答案 0 :(得分:1)

可能是因为你在验证js之后调用了jquery并且发生了错误并且脚本停止运行。检查您的错误控制台并在所有其他jquery插件j之前包含jquery-1.7.1.min.js,然后重试。我没有在datepicker初始化函数中发现任何错误。

答案 1 :(得分: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。除非您手动安装了此文件,否则您将无法引用正确的版本。