Question

我正在尝试在simple_form中使用Jquery日期选择器。

我有一个字段

<%= simple_form_for @customer, :html => { :class => 'form-horizontal' } do |f| %>
<%= render "shared/error_messages", :target => @customer %>
  <%= f.input :start_lease_date, :as => :text %>
<% end %>

我已经安装了Jquery-ui gem，我在application.js中添加了require选项

//= require jquery.ui.datepicker

我还在application.css中添加了require

 *= require jquery.ui.datepicker

我还添加了带有以下

的customer.js.coffee文件

jQuery ->
$('#customer_start_lease_date').datepicker
dateFormat: 'yy-mm-dd'

但是，我的Start_lease_date字段仍然没有显示日期选择器

Answer 1

我想以下内容将起作用

<%= f.input :start_lease_date, :as => :text, 
            :input_html => { :class => 'date_picker' }  %>

或

 <%= f.input :start_lease_date, :as => :date_picker %>

Answer 2

我会猜测并说你没有运行/安装Jquery。 Jquery-UI依赖于Jquery来使其工作

Answer 3

尝试将此添加到您的gem文件...

group :assets do
  # ...
  gem 'jquery-ui-rails'
end

...这是你的app / assets / javascripts / application.js

//= require jquery.ui.datepicker

DatePicker jquery和simple_form_for

3 个答案: