2013-05-06 1 views
0

간단한 startDate/endDate 데이터 피커 레이아웃을 구현하려면 https://github.com/eternicode/bootstrap-datepicker 가이드를 따르고 있습니다.부트 스트랩 datepicker - 다른 예제가 너무 일반적이기 때문에 구체적으로 작성하십시오

필자는 예제에서 코드를 복사했지만 작동하지 않습니다.

작동시키기 위해 CSS를 가져와야합니까 ?? 문제가 CSS가 아니라면 무엇보다 데이터 선택기가 표시되지 않습니까?

는 코드의 일부입니다. $ ('# 날짜 - 시작') 날짜 선택기()에 ('CHANGEDATE', 기능 (EV) {

if (ev.date.valueOf() > endDate.valueOf()){ 
     $('#alert').show().find('strong').text('The start date must be before the end date.'); 
    } else { 
     $('#alert').hide(); 
     startDate = new Date(ev.date); 
     $('#date-start-display').text($('#date-start').data('date')); 
    } 
    $('#date-start').datepicker('hide'); 
}); 

이 바이올린 예입니다.

http://jsfiddle.net/wadvc/ 
+0

잡히지 않은 TypeError : Object [object Object]에는 'datepicker'라는 메서드가 없습니다. 이것은 TBS가 없을 가능성이 높음을 의미합니다. –

답변

0

당신은 당신의 바이올린이이하지 않는 것 .. 부트 스트랩과 '날짜 선택기'플러그인을 포함해야합니다. 여기

당신을위한 부트 스트랩을 포함하는 working demo on Bootply입니다.

+0

나는 트위터 부트 스트랩과 datapicker 플러그인을 모두 수입 : 나는 코드 줄 사용하는 경우 :

날짜 : <입력 유형 = "텍스트"ID = "날짜 선택기"/>

작동하지 않습니다. 예제 코드를 사용하면 이됩니다. – Alvin

+0

해결되었습니다! div에 ID를 설정하고 입력 태그로 설정 한 후 작동합니다. – Alvin