AngularJSで input type='time' の値から時刻部分の文字列を取得したい

[code]

    <input type="time" ng-model="tm"/>
    
[/code]

をHTMLで記述し  
コントローラー内で `$scope.tm` を記述すると、  
「Thu Jan 01 1970 15:32:00 GMT+0900 (JST)」  
といったものが取得されます。

HTML側の入力欄には 15:32:00 と入っているのに、その値を取得することが出来ません。

15:32:00のようにhh:tt:ssの書式で取得する方法を教えて下さい。

  * AngularJS 1.3.0
  * Cordova 4.1.0




[AngularJS
1.3.0のドキュメント](https://code.angularjs.org/1.3.0/docs/api/ng/input/input%5Btime%5D)によれば、`[type=time]`な入力にバインドした`ng-
model`には、 `Date` オブジェクトが戻されてくるそうです。つまり「Thu Jan 01 1970 15:32:00 GMT+0900
(JST)」は既に日付オブジェクトである、ということです。

それさえ分かれば、後はいかに日付オブジェクトを求めるフォーマットの文字列にするかという問題になります。

  * Siegさんの回答のように日付オブジェクトの[標準メソッド](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date)で必要な値を取得してくっつける方法  
  

    * 一番手っ取り早い
  

    * AM/PM表示など少しかしこいフォーマッティングをしたい場合には手間がかかる
  

  * Hiroyuki Ishiyamaさんの回答にあるような日付処理用ライブラリでフォーマッティングする方法  
  

    * ライブラリの導入が必要
  

    * 複雑なフォーマッティングにも対応しやすい
  

が既に出ていますので、ここではAngularJSの[日付フィルタ](https://code.angularjs.org/1.3.0/docs/api/ng/filter/date)をコントローラ内で利用する方法を挙げます:

[code]

    // $filterサービスをインジェクトします
    .controller("AppCtrl", ['$scope', '$filter', function($scope, $filter) {
        // 日付フィルタを呼び出します
        var timeString = $filter('date')($scope.tm, 'HH:mm:ss');
    }]);
    
[/code]

こちらはAngularJSだけで完結し、少しかしこいフォーマッティングもできるというメリットがあります。

[code]

    angular.module("App", [])
    .controller("AppCtrl", ['$scope', '$filter', function($scope, $filter) {
      $scope.tm =  new Date(1970, 0, 1, 15, 32, 0);
      $scope.$watch('tm', function(newValue) {
        $scope.tmType = typeof newValue;
        $scope.formatted = $filter('date')(newValue, 'HH:mm:ss');
      });
    }]);
[/code]

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
    <div ng-app="App" ng-controller="AppCtrl">
      <div>
        <input type="time" ng-model="tm"/>
      </div>
      <div>
        <pre><code>typeof $scope.tm</code></pre>
        {{ tmType }}
      </div>
      <div>
        <pre ng-non-bindable><code>{{ tm | date: 'HH:mm:ss' }}</code></pre>
        {{ tm | date: 'HH:mm:ss' }}
      </div>
      <div>
        <pre><code>$filter('date')</code></pre>
        {{ formatted }}
      </div>
    </div>
[/code]

