2014-11-29 5 views
0

Я использую виджет выбора даты из JQuery UI в приложении Rails 4. Средство выбора даты работает как ожидалось, за исключением того, что изображение календаря не отображается.Rails 4 & JQuery UI datepicker - значок не отображается

Я думаю, мои вопросы ...

  1. Что такое правильный каталог для сохранения файла «calendar.png», который будет использоваться в buttonImage?
  2. И потом, какой путь я должен использовать в «buttonImage:„путь“

Файл (calendar.png) в настоящее время сохраняется в активах/изображений и попытались его в различных других каталогов и различных путей с не повезло. В представлении всегда отображается значок отсутствующего изображения. Я новичок в конвейере активов.

Вот код вид:

<div class="form-group"> 
    <%= f.label :Date %>: 
    <%= f.text_field :requested_from, id: 'datepicker' %> 
    <%= f.hidden_field :requested_from, id: 'requested-from-alt' %> 
</div> 

А вот JavaScript:

<script> 
$(function(){ 
    $('#datepicker').datepicker({ 

    dateFormat: "DD, MM d, yy", 

    showOn: "button", 
    buttonImage: "?????????", 
    buttonImageOnly: true, 
    buttonText: "Select a date", 

    numberOfMonths: 2, 
    altField: "#requested-from-alt", 
    altFormat: "yy-mm-dd", 
    minDate: '0', 
    maxDate: '+1y', 
    }); 
    }); 
</script> 

Спасибо!

+0

Как я также использую тему начальной загрузки и имею доступ к значкам FontAwesome. Я могу использовать значок календаря (fa-календарь) вместо файла изображения, но я действительно не знаю, как использовать его в buttonImage: xxxx ". –

ответ

1

Q: А потом, какой путь я должен использовать в «buttonImage: "путь" Ответ: '/assets/your_image.format' пример: '/assets/calendar.png'

dateFormat: "DD, MM d, yy", 
showOn: "button", 
buttonImage: "/assets/calendar.png", 
buttonImageOnly: true, 
buttonText: "Select a date", 
+1

Спасибо, Rubyrider - я отказался от предыдущего/в"/assets ... " –

+1

Спасибо, он сработал. –

Смежные вопросы