modelValueをAngularディレクティブのviewValueと異なる日付形式に設定します

Question

フォーム内にdatepickerがあります。私は、ビューの1つのフォーマットを設定したいが、（APIに送られる）モデル値に異なるフォーマットを適用したい。 簡単に言えば、ユーザーには 'dd/mm/yyyy'が表示されますが、日付はISO形式で送信する必要があります。

これは私のディレクティブです：

app.directive('standardDatepicker', function($timeout) { 
return{ 
    restrict: 'A', 
    require : '^ngModel', 
    link: function(scope, element, attrs, ngModel, ngModelCtrl){ 
      element.datepicker({ 
       format: "dd/mm/yyyy", 
       autoclose: true, 
      }).on('changeDate', function(e) { 
       ngModel.$viewValue = e.date;  
       ngModel.$render(); 
      }); 
    } 
    } 
}); 

は、これを達成する簡単な方法はありますか？

Answer 1

あなたは値を変換する$パーサと$フォーマッタがあり$formatters and $parsers

function standardDatepicker() { 
    return { 
     require: 'ngModel', 
     link: function ($scope, $elem, $attrs, $ctrl) { 

      var ngModelCtrl = $ctrl; 

      ngModelCtrl.$formatters.unshift(function (value) { 
       return value.format('YYYY'); 
      }); 

      ngModelCtrl.$parsers.unshift(function (value) { 
       return value.format('YYYY-MM-DD'); 
      }); 

     } 
    } 
} 

Answer 2

を使用する必要があります。 詳細については、https://stackoverflow.com/a/22843592/2224277を参照してください。

Answer 3

$ parsersを次のように使用してしまいました。すべての貢献に感謝します。

app.directive('standardDatepicker', function($timeout, dateFilter) { 
return{ 
    restrict: 'A', 
    require : 'ngModel', 
    link: function(scope, element, attrs, ngModel, ngModelCtrl){ 
      element.datepicker({ 
       format: "dd/mm/yyyy", 
       autoclose: true, 
      }).on('changeDate', function(e) { 
       ngModel.$parsers.push(function(viewValue){ 
        var isoDate = moment(e.date).format('YYYY-MM-DD'); 
        return isoDate; 
       }); 
      }); 
     } 
    } 
});