首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是什么导致datepicker不能通过jquery在rails 3.1.3中加载?

是什么导致datepicker不能通过jquery在rails 3.1.3中加载?
EN

Stack Overflow用户
提问于 2012-03-11 01:04:10
回答 2查看 2K关注 0票数 1

在带有jquery的rails 3.1.3应用程序中,我们有一个非常简单的datepicker用法。但是,有两个视图没有加载datepicker。在所有其他视图上,datepicker加载本身都没有问题。datepicker的所有js代码都在application.js文件中,其中一个(未加载)看起来像这样(带有头文件):

代码语言:javascript
运行
复制
//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require_tree .

$(function() {
   $("#src_plant_src_since").datepicker({dateFormat: 'yy-mm-dd'});
});

以下是视图中的简单表单代码:

代码语言:javascript
运行
复制
<%= f.input :src_since, :label => 'start date:', :hint => 'start src date', :as => :string %>

导致datepicker加载到一个视图而不是另一个视图的原因可能是什么?非常感谢。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-04-27 14:02:10

Gemfile

代码语言:javascript
运行
复制
group :assets do
    gem 'jquery-ui-rails'
end

application.js

代码语言:javascript
运行
复制
//= require jquery
//= require jquery_ujs
//= require jquery.ui.all 
//= require_tree .

或者,您可以只加载datepicker js。像这样:

代码语言:javascript
运行
复制
//= require jquery.ui.datepicker
票数 2
EN

Stack Overflow用户

发布于 2012-04-27 13:51:31

尝尝这个

安装

代码语言:javascript
运行
复制
gem "jquery_datepicker"

然后这是你的形式

代码语言:javascript
运行
复制
<%= f.label :date %>
 <%= f.datepicker :date, :dateFormat => 'dd MM, yy',  :showOn => "both", :buttonImage => "../assets/calendar.gif", :buttonImageOnly => true, :changeMonth => true, :changeYear => true, :placeholder => "Click on the textfield/Calender" %><br/>

这应该放在你的布局中的application.html中

代码语言:javascript
运行
复制
<%= stylesheet_link_tag "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css", "application" %>
<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js" %>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9648343

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档