Laden jquery datepicker stylesheet

Question

Ich benutze die jquery datepicker. Wenn ich in meiner application.css.scss Datei setzen

@import 'jquery-ui/datepicker'; 

die Stile für die Datumsauswahl werden nicht geladen.

Aber wenn ich

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

die Stile gesetzt werden geladen, aber wenn ich mein Vermögen vorkompilieren gibt es keine Datei zu verdauen für /assets/jquery-ui/datepicker.css und so ist es nicht, die in der application.css in Produktion verdauen. Dies bedeutet, dass das Styling in der Produktion nicht funktioniert.

Was ist der richtige Weg, um diese Datei zu importieren? Ich benutze die sassc und jquery-ui-rails Edelsteine.

Answer 1

Vergewissern Sie sich die folgende Zeile in Ihrer application.css

*= require jquery-ui/datepicker 

Oder, wenn Sie alle jquery-ui laden möchten, verwenden Sie die folgenden Schritte aus:

*= require jquery-ui 

Sobald Sie das tun, es shouldn‘ Es ist notwendig, einen Sass-Import zu verwenden, damit Sie entfernen können:

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

Wenn Sie nur sind y unter Verwendung eines application.css.scss Datei, und legen Sie die *= require jquery-ui/datepicker in oberen Teil der Datei, so das Ergebnis in etwa so

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