Ui-date timepicker - angular js。 - 无法通过单击输入来关闭时间选择器框

Question

我正在使用uidatetimepicker的简单演示

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

不同之处在于我没有使用时钟图标 - 我在输入字段中有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，让输入字段可以直接编辑更好，因为它为精明的用户提供了一个快捷方式。