Obromios Obromios - 1 year ago 51
Javascript Question

Loading jquery datepicker stylesheet

I am using the

jquery datepicker
. If I put in my

@import 'jquery-ui/datepicker';

the styles for the datepicker are not loaded.

But if I put

@import 'jquery-ui/datepicker.css';

the styles are loaded, but when I precompile my assets there is no digest file for

and so it is not included in the
digest in production. This means the styling does not working in production.

What is the correct way to import this file? I am using the

Answer Source

Make sure the following line is in your application.css

*= require jquery-ui/datepicker

Or, if you want to load all of jquery-ui, use the following:

*= require jquery-ui

Once you do that, it shouldn't be necessary to use a sass import so you can remove:

@import 'jquery-ui/datepicker.css';

If you are only using an application.css.scss file, then insert the *= require jquery-ui/datepicker into top part of the file so the result looks something like this

*= require jquery-ui/datepicker
*= require_self