Rails 3 和 jQuery 日期选择器答案

【问题标题】：Rails 3 and jQuery DatepickerRails 3 和 jQuery 日期选择器
【发布时间】：2011-09-26 14:58:08
【问题描述】：

我需要关于我的问题的建议，我使用 jquery ui DatePicker，这项工作在我的 rails 问题中非常好，但是在我使用这个 jquery 的形式中，我在页面末尾出现了一个白行。当我使用 Datepicker 选择字段并选择日期时，白色行消失。

我的jquery是这样的

jQuery(function() {
   $(".showcal").datepicker({showOn:'both'});
}

我的表单有一个 text_field

<%= f.text_fields :first_date, :class => showcal %>

我使用 jQuery min 1.6.2 我的布局头

  <head>
    <title><%= content_for?(:title) ? yield(:title) : "Cadifice" %></title>
    <%= stylesheet_link_tag "application" %>
<%= stylesheet_link_tag "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css", "application" %>
<%= stylesheet_link_tag "jquery.fancybox-1.3.4", "application" %>
<%= stylesheet_link_tag "jquery.highlight-3", "application" %>
<%= stylesheet_link_tag 'bottom' %>
    <%= javascript_include_tag :defaults %>

<%= javascript_include_tag "https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js", "https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js", "application" %> 
<%= javascript_include_tag 'pikachoose', 'jquery.pikachoose.full' %>
<%= javascript_include_tag 'cadifice', 'jquery.cadifice' %>

    <%= csrf_meta_tag %>
    <%= yield(:head) %>
  </head>

谢谢

【问题讨论】：

你也在加载原型吗？（这是与 RoR 捆绑并默认加载的 javascript 库）。
我不认为，Gemfile 中什么都没有，我已经用我的默认布局编辑了我的问题。
它通常包含在“”中 - 我会查看您的一个页面的源代码，看看它是否出现在 application.js 文件中。

标签： jquery ruby-on-rails-3 jquery-ui jquery-ui-datepicker

【解决方案1】：

我也时不时遇到这个问题。由于某种原因（错误？）日期选择器面板有时不会被隐藏。一个简单的解决方法是在初始化日期选择器后再添加一行来隐藏它。例如，

$(".showcal").datepicker({showOn:'both'});
$('#ui-datepicker-div').hide();

【讨论】：

【解决方案2】：

如果您根据我的 cmets 为您的问题加载 Prototype，请查看 my answer here 到另一个涉及 RoR 和 jQuery 的问题。它解决了那个人的问题。

【讨论】：