2014-11-29 4 views
0

Rails 4 앱에서 JQuery UI의 날짜 선택 도구를 사용하고 있습니다. 캘린더 이미지가 나타나지 않는 것을 제외하고 날짜 선택 도구가 예상대로 작동합니다.Rails 4 및 JQuery UI datepicker - 아이콘이 표시되지 않습니다.

나는 ... 내 질문이 생각

  1. buttonImage에 사용되는 'calendar.png'파일을 저장하기 위해 적절한 디렉토리는 무엇입니까

    ?
  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> 

그리고 여기에 자바 스크립트입니다 :

<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-calendar)을 사용할 수는 있지만 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

감사합니다. –

관련 문제