Ruby on Rails: "couldn't find file 'jquery.ui.datepicker'"

Question

Okay, this is driving me nuts. I've been following the instructions to install a JQuery datepicker here: http://railscasts.com/episodes/213-calendars-revised but I'm getting hung up on this error:

Sprockets::FileNotFound in Verifications#new

couldn't find file 'jquery.ui.datepicker'
  (in /app/assets/stylesheets/application.css:11)

Here's application.js:

//= require jquery
//= require jquery.ui.all
//= require jquery_ujs
//= require_tree .

Here's application.css:

 *= require jquery.ui.datepicker
 *= require_self
 *= require_tree .

and in Gemfile:

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

Anyone see what I'm missing?

BenKoshy · Accepted Answer · 2016-09-02 04:39:42Z

31

For future readers. First, make sure you've restarted your rails server after installing the gem as krstck answered.

Then, double check the version of your gem. jquery-ui-rails has changed its require syntax in 5.0.0. Now you should write:

//= require jquery-ui/datepicker

Also add to css

*= require jquery-ui/datepicker

edited Sep 2, 2016 at 4:39

BenKoshy

36.2k15 gold badges119 silver badges88 bronze badges

answered Sep 16, 2014 at 19:24

seancdavis

2,8513 gold badges28 silver badges37 bronze badges

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

1 Comment

Andrea Salicetti Over a year ago

And *= require jquery-ui/datepicker to css

krstck · Accepted Answer · 2013-10-04 01:20:24Z

18

Answering my own question here in case someone else makes the same dumb mistake. I restarted the rails server, and then it worked.

answered Oct 4, 2013 at 1:20

krstck

3111 gold badge3 silver badges15 bronze badges

2 Comments

Dennis Over a year ago

I had the same error but for bootstrap-datetimepicker. Restarting the Rails server worked.

user1205577 Over a year ago

All other solutions failed for me - this was the ticket!

Luka Kerr · Accepted Answer · 2016-12-07 21:36:44Z

16

For Rails 5 users, to use the jQuery datepicker you must add this to your application.js:

//= require jquery-ui/widgets/datepicker

And this to your application.css:

/*
 *= require jquery-ui/datepicker
 */

You can also just use the usual gem version:

gem 'jquery-ui-rails'

Restart your server as well.

Here is the documentation

answered Dec 7, 2016 at 21:36

Luka Kerr

4,2497 gold badges41 silver badges50 bronze badges

4 Comments

Tom Lord Over a year ago

This has got nothing to do with Rails 5, but rather it is a consequence of upgrading from jquery-ui v5.x --> 6.0. The offending line has changed from require jquery-ui/datepicker to require jquery-ui/widgets/datepicker.

Obromios Over a year ago

if using sass, need to put @import 'jquery-ui/datepicker';

vinibol12 Over a year ago

@TomLord is right. You can look into the gem and see how there's a widgets subdirectory in that version of jquery-ui. I'm using rails 4 and the same. Refer to readme

aronmoshe_m Over a year ago

Also worth emphasizing for tired dolts like me that for jquery-ui-rails 6.0 users, it's //=require jquery-ui/widgets/whatever in application.js ... but /widgets does not need to be added in application.css. (The answer above is correct, just emphasizing it because I totally missed it initially.)

felipecamposclarke · Accepted Answer · 2014-07-05 07:17:38Z

8

adds 'jquery-ui-rails' on your Gemfile, and use a hyphen instead of a point to require jquery-ui

//= require jquery-ui

or downgrade the jquery-ui gem version

gem 'jquery-ui-rails', '~> 4.2.1'

edited Jul 5, 2014 at 7:17

answered Jul 5, 2014 at 6:54

felipecamposclarke

9248 silver badges14 bronze badges

1 Comment

scarver2 Over a year ago

This is also a good temporary fix for ActiveAdmin for the jquery-ui-rails 5.0 incompatibility until the pull requests are implemented. github.com/gregbell/active_admin/issues/3250

Kris Quigley · Accepted Answer · 2014-07-06 02:41:54Z

5

Downgrading from jquery-ui-rails 5.0.0 to 4.2.1 fixed it for me.

answered Jul 6, 2014 at 2:41

Kris Quigley

591 silver badge4 bronze badges

1 Comment

Eero Over a year ago

File names have changed in jquery-ui-rails 5 - use //= require jquery-ui/all instead

Jelle · Accepted Answer · 2014-01-16 10:41:24Z

1

Just to add to this: I had the same issue, I finally solved it by placing //= require turbolinks before the jquery requirements in application.js:

//= require turbolinks
//= require jquery
//= require jquery.ui.datepicker
//= require jquery_ujs
//= require_tree .

answered Jan 16, 2014 at 10:41

Jelle

3391 silver badge13 bronze badges

Collectives™ on Stack Overflow

Ruby on Rails: "couldn't find file 'jquery.ui.datepicker'"

6 Answers 6

1 Comment

2 Comments

4 Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

2 Comments

4 Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related