Ng-model 值不会出现在多个 Angular Bootstrap UI 日期时间选择器中

Question

当我将日期时间选择器用于单个输入时，它工作正常。

但是当我使用 ng-repeat 时，尽管 ng-model 值已正确保存，但 ng-model 值并未显示在输入框中。

请检查以下代码：

<div class="input-group">
   <span class="error-input" 
      ng-if="vm.editForm['employeeOnProjectStartDate'+$index].$error.required && vm.isSavedBefore">
   This field is required
   </span>                                                                
   <input type="text" class="form-control" required 
      name="employeeOnProjectStartDate{{$index}}"  
      enable-time="false" datetime-picker="dd-MMM-yyyy" ng-model="employee.employeeOnProjectStartDate"
      is-open="vm.datePickerOpenStatus.employeeOnProjectStartDate[$index]"  />
   <span class="input-group-btn">
   <button class="btn btn-default" ng-click="vm.openCalendar('employeeOnProjectStartDate',$index)">
   <i class="glyphicon glyphicon-calendar"></i>
   </button>
   </span>
</div>

Answer 1

解决方案是同时添加 ng-value。 ng-value="employee.employeeOnProjectStartDate | date:'dd-MMM-yyyy'" 解决了这个问题。

Ng-model 值不会出现在多个 Angular Bootstrap UI 日期时间选择器中

Ng-model values don't show up with multiple Angular Bootstrap UI Datetime pickers

angularjs

angular-ui-bootstrap