Angular UI Bootstrap：默认将 timepicker 设置为空答案

【问题标题】：Angular UI Bootstrap: Set timepicker to be empty by defaultAngular UI Bootstrap：默认将 timepicker 设置为空
【发布时间】：2015-05-22 00:23:53
【问题描述】：

我正在使用 Angular UI Bootstrap (https://angular-ui.github.io/bootstrap/)，特别是我正在尝试使用时间选择器，虽然大多数组件都有你想要的所有设置，但我还没有找到获取时间选择器的方法默认为空/null，并且没有设置执行此操作，默认情况下时间选择器显示当前时间（网页打开时）。我不确定是否有办法设置它，因为没有组件设置？

【问题讨论】：

标签： javascript angularjs twitter-bootstrap

【解决方案1】：

目前不受支持，这是一个已知问题：https://github.com/angular-ui/bootstrap/issues/1114。有这个code fix 应该这样做。

【讨论】：

【解决方案2】：

恕我直言，显示空值的当前时间是该组件的交易破坏者。我无法想象为什么它还没有修复。

但是，这里有一个关于如何在不引人注意的情况下解决此问题的想法。

免责声明：使用以下指令有其缺点，它不是最漂亮的解决方案，但它是一个 hack，因为它是一个 hack，所以效果很好。

app.directive('inputEmpty', function () {
  return {
    restrict: 'A',
    link: function link(scope, element, attributes) {
      setTimeout(function () {//wait for DOM to load
        var inputs = element.find('input');
        inputs.val('');

        scope.$watch(attributes.inputEmpty, function (val) {
          if (!val) { inputs.val('').change(); }
        });
      });
    }
  };
})

这是一个示例用法：

<uib-timepicker ng-change="change()" hour-step="1" minute-step="15" show-meridian="true"
  ng-model="value"
  input-empty="value"
></uib-timepicker>

【讨论】：