teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

すいません、表示ちゃんと出来てるサンプルになってなかった…

2020/05/22 08:16

投稿

rururu3
rururu3

スコア5545

answer CHANGED
@@ -24,14 +24,17 @@
24
24
  new Vue({
25
25
  el: "#app",
26
26
  filters: {
27
- moment: function() {
27
+ moment: function(date) {
28
+ if(date) {
29
+ return moment(date).format('YYYY/MM/DD HH:mm');
30
+ }
28
31
  return moment().format('YYYY/MM/DD HH:mm');
29
32
  },
30
33
  },
31
34
  data() {
32
35
  return {
33
36
  todos: [
34
- { created_at: "2020-01-01", },
37
+ { created_at: "2020-01-01 00:00:00", },
35
38
  { created_at: "", },
36
39
  ],
37
40
  todos2: [
@@ -46,7 +49,7 @@
46
49
  ```
47
50
 
48
51
  で表示確認してみましたが
49
- ![結果画面](674bc22e9e08921e7ab4b743c83d3a78.png)
52
+ ![結果画面](a476eeb91df21df6344225f49ff1bce9.png)
50
53
  こうなりました。`{{ todo }}`においてオブジェクトならキーと値が出るのがわかりました。
51
54
 
52
55
  質問にある画面ではキー表示がないので明らかに私が試したコードの`todo2`のデータのように文字列の配列になってるのではないでしょうか?