2016-10-20 2 views
2

https://github.com/dalelotts/angular-bootstrap-datetimepicker datepicker를 사용하고 있습니다. 자동 날짜 선택기 제어를 폐쇄하지 않습니다 .. 나는 자동차에 대한 속성을 찾을 수 없습니다 angular-bootstrap-datetimepicker가 자동 종료되지 않습니다. 날짜 선택

<div class="dropdown-toggle my-toggle-select" id="dLabel1" role="button" data-toggle="dropdown" > 
<div class="input-append"> 
    <i class="fa fa-calendar input-icon input-icon-highlight"></i> 
    <label id="lblCheckOut" ng-repeat="(key, value) in vm.homelabel | objectByKeyValFilter:'LblId':'lblCheckOut'">{{value.TextMessage}}</label> 
    <input type="text" id="txtCheckOutDate" class="form-control" data-ng-model="CheckOutDate.date | date:'MMM d, EEE' " /> 
</div> 
</div> 
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel1"> 
<datetimepicker data-ng-model="CheckOutDate.date" ng-click="$event.stopPropagation()" data-before-render="vm.beforeRender_CheckOutDate($view, $dates, $leftDate, $upDate, $rightDate,1);" data-datetimepicker-config="{ dropdownSelector: '.my-toggle-select' ,startView:'day', minView:'day'}"></datetimepicker> 
</ul> 

는 각 부트 스트랩 날짜 선택기를 닫습니다 ...

+0

콘솔을보고 페이지가로드 될 때 메시지가 표시되는지 확인할 수 있습니까? 페이지에 jQuery가 있습니까? –

+1

설정의이 부분은 bootstrap.js와 jQuery가 페이지에있는 경우에만 당신을 대신하여 처리를 처리 할 것입니다 :'dropdownSelector : '.my-toggle-select'' –

+0

@ dale.lotts 그것은 이미 가지고 있습니다. bootstrap & jquery .. –

답변

2

나는 주어진 HTML ..

에 부트 스트랩 클래스를 래핑하여 해결했습니다

이 제대로 작동하고

<div class="dropdown"> 
<div class="dropdown-toggle my-toggle-select" id="dLabel1" role="button" data-toggle="dropdown" > 
<div class="input-append"> 
    <i class="fa fa-calendar input-icon input-icon-highlight"></i> 
    <label id="lblCheckOut" ng-repeat="(key, value) in vm.homelabel | objectByKeyValFilter:'LblId':'lblCheckOut'">{{value.TextMessage}}</label> 
    <input type="text" id="txtCheckOutDate" class="form-control" data-ng-model="CheckOutDate.date | date:'MMM d, EEE' " /> 
</div> 
</div> 
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel1"> 
<datetimepicker data-ng-model="CheckOutDate.date" ng-click="$event.stopPropagation()" data-before-render="vm.beforeRender_CheckOutDate($view, $dates, $leftDate, $upDate, $rightDate,1);" data-datetimepicker-config="{ dropdownSelector: '.my-toggle-select' ,startView:'day', minView:'day'}"></datetimepicker> 
</ul> 
</div> 

은 .. 당신의 검토 및 업데이트에 대한 @Dale 감사드립니다.

+2

다행이었습니다! 기꺼이 도와 드리겠습니다! –