как связать с моделью значение из другой модели в html?

Question

Как вы все знаете, input = 'date' не вернет желаемое отформатированное значение. Поэтому я поставил конвейер ниже, как | дата: "дд / мм / гггг" тогда я могу получить то, что хочу. Но как я могу связать это значение с моделью?

<input ng-disabled="defaultSaveButtons[$index]" ng-init="InitializeDateForToday($index,field)" type="date" placeholder="dd/mm/yyyy" class="form-control text-right inputFill2" ng-model="deliveryDate" />

<span ng-model="field.value">{{deliveryDate | date: "dd/MM/yyyy"}}</span>
<br />
<span>{{field.value}}</span>

Answer 1

Используйте фильтр date внутри контроллера, как показано ниже:

angular.module("myApp", [])
  .controller("myCtrl", function($scope, $filter) {
    $scope.field = { value : "" };
    
    $scope.setField = function() {
      var date = $filter('date')($scope.deliveryDate, "dd/MM/yyyy");
      $scope.field.value = date;
    }
  })

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <input type="date" placeholder="dd/mm/yyyy" ng-model="deliveryDate" ng-change="setField()"/>  
  <br/><br/>
  <span>{{field.value}}</span><br/>
  <span>{{deliveryDate}}</span>
</div>