AngularJSでinput-type="date"を使用した際のng-modelについて

Question

AngularJS初心者です。

環境

AngularJS1.67

###質問内容
Formからyyyy/mm/dd をサブミットするために、以下のようにコードを書き、実行しましたが意図していないフォーマットでサブミットされてしまいます。
yyyy/mm/ddでサブミットするには、どのような記載が必要でしょうか?

<div class="col-md-4">
       <input class="form-control form-control-sm" type="date"  ng-model="$ctrl.model.sample">
 </div>

###画面入力値
2018/02/03

###サブミットされた値
Sat Feb 03 2018 16:18:49 GMT+0900 (東京 (標準時))

Answer 1

本来はサーバーサイドでちゃんとdate型(いまsubmitされている値)を扱えるよにするほうがおすすめなんですが...
おそらくそう対応できない事情があるんですよね？？

であれば、submitするfunctionの中で対応することができます。

ざっとの方針は

1. まずは$filterをDIする
2. つきに$filterを使ってyyyy/mm/dd形式に変換してしまう

イメージ以下です

angular.module('myapp')
.controller('SampleCtrl', [
  '$scope',
  '$filter',
  function(
    $scope,
    $filter
  ) {
  // submitされるときに呼ばれるfunction
  $scope.onSubmit = function(){
    console.log('before', $scope.sample)
    $scope.sample = $filter('date')($scope.sample, 'yyyy/M/d')
    console.log('after', $scope.sample)
    // submitする
    // ....
  }
}]);

ちなみにangularはこれから習うのであれば、せめてv2以上にするとことをおすすめしますよ。
v1とv2は全くの別物レベルにかわっています。
こちらも事情があるのかもしれませんが。