2013-11-04 2 views
-1
여기

내가 내 JQuery와 날짜 선택기를 위해 사용하고있는 코드입니다 :스타일링 JQuery와 날짜 선택기 트리거 아이콘

<div class="span3" style="display:inline;"> 
    <input type="text" id="filter-date" value="<?php echo date('Y-m-d');?>"/> 
</div> 

$(function() { 
    $("#filter-date").datepicker({ 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true 
    }); 
    }); 

내가 스택 오버플로 여기에 비슷한 질문을보고 시도했다하지만 난 트리거 이미지를 얻을 수 없다 입력과 함께 인라인으로 나타납니다. 또한

enter image description here

가 어디 캘린더 아이콘이 트리거를 사용하여 얻을 수 있습니다 :이처럼 보이는 무엇인가?

+0

buttonImage 매개 변수에 지정한 경로가 잘못되었을 수 있습니다. 개발 중에 어떤 브라우저를 사용하고 있습니까? 보이지 않는 이미지에서 'inspect 요소'를 사용하여 어떤 경로를 사용하는지 확인할 수 있습니까? 우리가 여기에서 일할 수있는 많은 정보를 제공하지 않았습니다. –

+0

어디에서나 아이콘을 얻을 수 있지만 jQuery UI에는 포함되어 있지 않습니다. 사용하는 이미지의 경로가 올바른지 확인하십시오. – j08691

+0

'buttonImage : /images/calendar.gif ',' –

답변

0

이미지가 텍스트 상자에 인라인으로 표시되지 않는 가장 큰 이유는 컨테이너의 제한된 너비로 인해 다음 줄로 줄 바꿈되기 때문입니다. 텍스트 상자의 크기를 줄이거 나 컨테이너의 크기를 늘리십시오.

관련 문제