2016-10-20 7 views
2

私はhttps://github.com/dalelotts/angular-bootstrap-datetimepicker datepickerを使用しています。自動日付ピッカーコントロールを閉じていません..私はautoに任意のプロパティを見つけることができませんでし angle-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これは既に持っていますが、ブートストラップ&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

うれしかった!私は助けて嬉しいです! –

関連する問題