2016-08-15 29 views
0

角度のあるプロジェクトのビューに人にやさしい日付形式で表示したいのですが、角度にフィルタを設定しているのを見ましたが、入力日付に一定のフォーマット。AngularJS - タイムスタンプの日付形式をJavaScript形式に変換する

ビューで見られるように所望の出力フォーマットは以下の通りです: "DD/MMMM/yyyyのは、hh:mm:ssの"

現在、私は、データベース、次のタイムスタンプの形式で持っている:

"2016-08-15 12:34:34"

angleがこのようなタイムスタンプをフォーマットして、希望通りにフォーマットできるようにするにはどうすればよいですか?

ありがとうございます!

+0

を希望することを明確にするため書式は 'Monday/August/2016 06:00:00'のようなものになります。 – KreepN

+0

ああ、私はその日に間違いを犯しました。私はそれを編集させてください –

答えて

0

日付をjavascriptの日付に解析し、日付フィルタを角度で使用して、必要な形式で表示することができます(データベースの日付に直接日付フィルタを使用できない場合)。

あなたはそれを容易にするためのフィルタとしてこれを行うことができます:あなたのHTML内

myApp.filter('formatted', function() { 
    return function(value) { 
    return new Date(value); 
    } 
}); 

あなたが日付フィルタの前にこのフィルタを追加することができます。

Filter: {{ vm.dateToFormat | formatted | date: 'dd/MMMM/yyyy hh:mm:ss' }}

0

あなただけのインラインフィルターを使用することができます。

例:

<span>{{vm.Date | date: 'dd/MMMM/yyyy hh:mm:ss'}}</span> 

EDIT:そのタイムスタンプが文字列であるかどうかを明確にするために、あなたが投稿するには、明らかにされませんので、あなたが持っていることそれに応じてそれを解析する。私はそれが文字列であると仮定した他のポスターを参照してください。

0

データベースから文字列を解析する際にAngularが問題を抱えている場合は、JavaScript Date.parse("2016-08-15 12:34:34")を使用してAngularが正しく解釈する日付を返すことができます。

関連する問題