Question

Hei伙计们，所以我想显示我在wp上创建帖子的日期，我现在正在使用vue js，我可以用一些看起来像这样的奇怪格式显示日期

2018-08-06T18：29：59

这是我在.vue中的代码

<div class="date-below"><p>created at {{post.date | date}}</p></div>

我想以这种格式显示日期

dd / mm / yyyy

你们能帮我改变显示方式吗？谢谢

Answer 1

我建议的最佳方法是使用计算属性来格式化日期。应该是这样-

new Vue({
el: '#app',
data: {
    post : {
        //Other post data, all data pulled from Laravel API
        date: "2018-08-06T18:29:59",
        }
    },
    computed: {
       postDate() {
           var date = new Date(this.post.date);
           var month = date.getMonth() + 1;
           var day = date.getDate();
           var year = date.getFullYear();
           month = (month < 10) ? "0"+month:month;
           day = (day < 10) ? "0"+day:day;
           return day+"/"+month+"/"+year;
       }
    }
});

在您的模板部分

<div class="date-below"><p>created at {{postDate | date}}</p></div>

我不知道JavaScript中像PHP那样的格式字符串。请更正我任何知道如何在JavaScript中使用日期格式字符串的人。

在Laravel上使用Vue js更改WP REST API日期的显示

1 个答案: