datepickerが返した日付形式を別の形式に変換するにはどうすればよいですか？

Question

悪いタイトルについて申し訳ありませんが、私はフレーズをどのように改善するか正確には分かりませんでした。私は可能な限り最善を尽くして説明するつもりです。

私は現在、タスクマネージャー（ToDoリスト）をJavascriptで作成しています。タスクを作成し、スケジュールを設定してから、実行する必要のあるタスクとそれぞれのスケジュール各タスクの開始日と終了日を指定します。

私はを使用しています。Angular.jsと角材は私のUIを行うために使用しています。私はアンギュラマテリアルの日付ピッカーを持っています。これは私が日付の値を取得するために使用するコードです：

angular.module('KBTM_App', ['ngMaterial']).controller('AppCtrl', function($scope) { 
$scope.myDate1 = new Date(); 

... 

// This is where I get the date value 
var initial_date_1 = angular.element(document.querySelector('[ng-controller="AppCtrl"]')).scope().myDate1; 

問題はこの日付ピッカーは、この形式で日付を返しているということである：「2016-04-29T08：36：10.027Z」、私はドンいます」欲しい。私は "DD-MM-YYYY"のようなより普通のフォーマットを望んでいます。

Moment.jsで日付形式を変換しようとしましたが、動作しませんでした。ここで私はそのために使用するコードは次のとおりです。

var initial_date = moment(initial_date_1, "YYYY-MM-DD'T'HH:MM:SS.SSS'Z'").format("DD-MM-YYYY"); 

そして私はのlocalStorageにその日付を格納します：

// Get the other dates already in the list 
var initial_dates = get_initial_dates(); 

// Adds the new date to that list 
initial_dates.push(initial_date); 

// Stores those dates in the localStorage 
localStorage.setItem('initial_date_db', JSON.stringify(initial_dates)); 

そのコードで、私は「無効な日付を」を取得新しいを追加しようとするとタスクをタスクリストに追加します。

ごめんなさい！

私を助けることができる人に感謝します。

Answer 1

次のコードを使用して、角度のマテリアルの日付ピッカーを使用して、日付形式をhtml形式に変換できます。

data-ng-value="myDate1 | date : 'shortDate'" 

Answer 2

日付を書式設定するには、角度の日付フィルタを使用します。リンクを参照してくださいangular date

var initial_date = $filter('date')($scope.myDate1, "dd-MM-yyyy"); 

コントローラのメインモジュールに$フィルタを注入してください。

Answer 3

日付を処理する最も良い方法は、momentjsを使用することです。特別なAJS指令が用意されています。 angular-moment [momentjs][2]オフィシャルドキュメントで詳細を確認できます。あなたは瞬間を簡単に使用するために依存性注入としてangular-momentを追加する必要があります。 https://github.com/urish/angular-moment#instructions-for-using-moment-timezone-with-webpack