Ng-disabled 不能与 AngularStrap 的 Bootstrap 日期和时间选择器版本一起使用答案

【问题标题】：Ng-disabled not working with AngularStrap's version of the Bootstrap date and time pickerNg-disabled 不能与 AngularStrap 的 Bootstrap 日期和时间选择器版本一起使用
【发布时间】：2014-06-05 19:53:26
【问题描述】：

我在我的 AngularJS 应用程序中使用 Bootstrap 日期选择器和时间选择器的 AngularStrap version。我正在尝试将日期选择器中选择的日期设为必填字段并具有以下代码：

<form name="timepickerForm" role="form" novalidate>
   <input type="text" ng-model="timeDateInput" bs-datepicker required>
   <input type="text" ng-model="timeDateInput" bs-timepicker required>
   <input type="text" ng-model="title">

   <button type="button" ng-click="handleStart()" ng-disabled="timepickerForm.$invalid">Start</button>

</form>

即使没有输入，按钮也不会被禁用。如果我将required 放在最后一个常规输入上，则该按钮将被禁用，因此表单或按钮没有任何问题。我在 AngularStrap 页面或他们的代码中找不到任何文档来查看是否可行。

有谁知道为什么它不起作用？

【问题讨论】：

你能组装一个快速的plunker吗？我已经尝试了一个快速的 plunker，我必须按照你的需要工作......
哇，我也做了同样的事情，而且效果很好。我在我的控制器中将它设置为一个空字符串，并且以某种方式禁用了验证。现在很好用，谢谢！
很高兴知道！您应该将其添加为答案并将其标记为已回答，这样如果有人寻找此答案，他们就会得到答案。有时最好单独尝试一些事情，因为这样可以消除问题的大部分复杂性；）

标签： javascript angularjs twitter-bootstrap datepicker

【解决方案1】：

问题是我在我的控制器中，在初始化时将 $scope.timeDateInput 设置为一个空字符串，并且禁用了“必需”验证。一旦我删除它（或将其设置为未定义），它就开始工作了。

【讨论】：