Rails DatePicker - Object [object Object] has no method 'datepicker'

Question

I'm trying to add datepicker to my rails 3.2.8 application.

Since it is rails 3+, I didn't add anything to the application.html.erb.

My application.js is the following:

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// the compiled file.
//
// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
// GO AFTER THE REQUIRES BELOW.
//
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .

$(function(){
    $("#transaction_deadline").datepicker();
});

And in views/transactions/_form.html.erb

I have:

<div class="field">
    <%= f.label :deadline %><br />
    <%= f.text_field :deadline %>
  </div>

But still, datepicker doesn't work and gives:

TypeError: Object [object Object] has no method 'datepicker'

error

That would be great if you can help me.

Thanks,

are you importing jQuery UI library? or at least the datepicker widget? — wirey00
– wirey00, Commented Nov 12, 2012 at 20:37
Aren't these imported with " <%= javascript_include_tag "application" %>" code ? — CanCeylan
– CanCeylan, Commented Nov 12, 2012 at 20:38
I'm asking, are you importing jQuery UI/datepicker along with the jQuery library? — wirey00
– wirey00, Commented Nov 12, 2012 at 20:39
Yes, I guess with these lines: <%= stylesheet_link_tag "ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/…", "application" %> <%= javascript_include_tag "ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js", "application" %> — CanCeylan
– CanCeylan, Commented Nov 12, 2012 at 20:42

Guillaume · Accepted Answer · 2012-11-12 22:27:16Z

3

Maybe this gem can help you => https://github.com/joliss/jquery-ui-rails

answered Nov 12, 2012 at 22:27

Guillaume

1511 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

R Milushev · Accepted Answer · 2012-11-12 21:49:15Z

0

According to this Railscast , you should add the datepicker component explicitly both in your application.js and application.css .

In application.js:

//= require jquery.ui.datepicker

and in application.css:

*= require jquery.ui.datepicker

answered Nov 12, 2012 at 21:49

R Milushev

4,3153 gold badges29 silver badges35 bronze badges

Collectives™ on Stack Overflow

Rails DatePicker - Object [object Object] has no method 'datepicker'

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related