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

【问题标题】：Change display of WP REST API Date with Vue js on Laravel在 Laravel 上使用 Vue js 更改 WP REST API 日期的显示
【发布时间】：2019-02-27 01:28:45
【问题描述】：

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

2018-08-06T18:29:59

这是我在 .vue 中的代码

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

我想以这种格式显示日期

dd/mm/yyyy

你们能帮我改一下显示器吗？谢谢

【问题讨论】：

标签： laravel date vue.js

【解决方案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>

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

【讨论】：