Ui日期時間選擇器 - 角度js。 - 無法通過點擊輸入

Question

進出口使用uidatetimepicker的簡單的演示

https://rawgit.com/Gillardo/bootstrap-ui-datetime-picker/master/example/index.html

不同的是，我沒有使用的時鐘圖標關閉timepicker盒子 - 我在ng-click行動輸入字段，所以我想輸入也將點擊的時間形式，沒有隻打開它，以便：

首先點擊將打開時間盒

輸入第二次點擊，關閉對話框，而現在只有點擊外盒子將關閉它

<p class="input-group"> 
    <input type="text" 
     ng-click="ctrl.openCalendar($event, 'picker2')" 
     class="form-control" 
     datetime-picker="HH:mm" ng-model="ctrl.picker2.date" 
     is-open="ctrl.picker2.open" 
     enable-date="false" 
     timepicker-options="ctrl.picker2.timepickerOptions" 
     close-on-selection="true"> 
</p> 

Answer 1

使用ngFocus和ngBlur，而不是ngClick。點擊會打開輸入框以進行編輯，因此您可能希望將小部件的打開與用戶單擊該字段相關聯，然後以關閉小部件的方式移開。

但是，具有可直接編輯輸入字段的IMO無論如何都更好，因爲它爲精明的用戶提供了一條捷徑。