Bootstrap 3을 사용하는 방법 각도 2의 Datepicker

각도 2에서 Bootstrap 3을 사용하고 있습니다. 그러나 온라인 문서에서 유용한 데모 또는 예제를 찾을 수 없습니다.Bootstrap 3을 사용하는 방법 각도 2의 Datepicker

나는 다음과 같은 템플릿에 시간 선택기를 추가 할 때 : 나는 시간 버튼을 클릭하면

<div class='input-group date' id='datetimepicker3'> 
    <input type='text' class="form-control" #datePicker [ngModel]="f.ArrivalTime" (blur)="date = datePicker.value" /> 
     <span class="input-group-addon"> 
     <span class="glyphicon glyphicon-time"></span> 
     </span> 
     <script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker3').datetimepicker({ 
        format: 'LT' 
       }); 
      }); 
     </script> 
</div>

가 응답이 없습니다.

출처

2016-06-21 Penn Dai

부트 스트랩 Datepicker를 모르겠습니다. '.datetimepicker (...) '는 어디에서 왔습니까? 내 대답에서'$()'부분을 필요로하지 않을 수도 있습니다. –

이 버전의 datepicker를 어디에서 구할 수 있습니까? –

스크립트 태그가 템플릿에서 제거되었습니다. 스크립트를로드하려면 다른 방법을 사용해야합니다. 이 같은

뭔가

@Component({ 
    selector: 'some-comp', 
    template: `<div #datetimepicker></div>` 
}) 
class SomeComp { 
    @ViewChild('datetimepicker') dateTimePicker:ElementRef; 
    ngAfterViewInit() { 
    $(this.dateTimePicker.nativeElement).datetimepicker({format: 'LT'}); 
    } 
}

출처

2016-06-21 12:44:36

은 당신이 ui-bootstrap을 사용할 수 있습니다 (테스트하지) 작동 할 수 있습니다 각 2

그것은 내가 믿는 각 팀에 의해 만들어 그들이 한 두 각도에 대한 부트 스트랩 지침을 제공한다 및 2.

출처

2016-06-21 13:26:20

Bootstrap 3을 사용하는 방법 각도 2의 Datepicker

답변

관련 문제