부트 스트랩 시간 지정기의 버튼이 표시되지 않습니다.

Question

시간 선택기를 사용하고 있지만 단추를 표시 할 수 없습니다. 타임 피커가 보이는 방법은 다음과 같습니다. 내가 렌더링 방법은 다음과

입니다.

<input type="text" class="form-control timepicker appt_time" style="width:200px;"> 

<script> 
$('.timepicker').timepicker(); 
</script> 

여기에 나는 내가 timepicker Here의 CSS 파일과 JS 파일을 가지고 내 헤더

<link rel="stylesheet" media="screen" type="text/css" href="/content/css/bootstrap.css"> 
<link rel="stylesheet" media="screen" type="text/css" href="/content/css/bootstrap-datepicker.css"> 
<link rel="stylesheet" media="screen" type="text/css" href="/content/css/bootstrap-timepicker.css"> 

<script type="text/javascript" src="/content/script/jquery-2.0.3.min.js"></script> 
<script type="text/javascript" src="/content/script/bootstrap.min.js"></script> 
<script type="text/javascript" src="/content/script/bootstrap-datepicker.js"></script> 
<script type="text/javascript" src="/content/script/bootstrap-timepicker.js"></script> 

에서 그들을 설정하는 방법입니다.

어떤 아이디어가 원인입니까? 감사! .

<script type="text/javascript"> 
    $("input[id$='timepicker']").timepicker({ 
     minuteStep: 5, 
     showInputs: false, 
     disableFocus: true 
    });   
</script> 

이 ID를 부여

Answer 1

당신은 CSS와 js 파일이 있지만 glyphicons를 포착하지 않았습니다.

glyphicons는 timepicker에 버튼을 표시합니다.

버튼으로 개발자 도구를 검사 할 수 있으면 이미지가 누락 된 것처럼 보일 수 있습니다. 여기

내가 당신을

는 이미지가 완벽하게 작동 얻기 위해 귀하의 사이트에 PNG 파일 glyphicons을 포함 timepicker 포착 한 사이트에서 발견 한 것입니다.

희망 하시겠습니까?

Answer 2

같은 시도 스크립트 ..., ID = "timpick"를 호출 $ ('#의 timpick')와 같은 timepicker (옵션)를 말한다;