jquery - Rails 3 和 jQuery 日期选择器

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

我需要有关我的问题的建议,我使用 jquery ui DatePicker, 这在我的 Rails 问题中非常有效,但在我与此 jquery 一起使用的表单中,我在页面末尾出现了一个白行。当我使用日期选择器选择字段并选择日期时,白行消失。

我的jquery是这样的

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

我的表单有一个文本字段

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

我使用 jQuery 最低版本 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>

谢谢

最佳答案

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

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

关于jquery - Rails 3 和 jQuery 日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7557066/

相关文章:

javascript - jQuery .each 帮助,我想 trim ()数组中的所有字符串

jquery - 基本 JQuery/JQueryUI 未按预期运行 - 我哪里出错了?

javascript - 第二次调用 Function 时,Jquery Autocomplete _renderItem 不起作用

javascript - 在不影响滚动位置的情况下向 DOM 的任一侧添加/删除元素?

javascript - Z-index 阻止 gif 动画的运行 | Jquery CSS HTML JS

javascript - 网站在不同的显示器分辨率下看起来不同 & CSS 不工作

ruby-on-rails - 在 git 中存储 Rails Assets ?备择方案?

ruby-on-rails - 在哪些情况下您需要在设计上实现这些复杂的 token 身份验证(Rails 3.2)

jquery - 选项卡不会更改为 “active” - jQuery 和 rails 3

javascript - 向背景图像过渡添加淡入淡出