Изменить отображение даты WP REST API с помощью Vue js на Laravel

Question

Привет, ребята, так что я хочу показать дату, когда мой пост был создан на wp, я использую vue js, теперь я могу показать дату в каком-то странном формате, это выглядит так

2018-08-06T18: 29: 59

это мой код в .vue

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

Я хочу, чтобы дата была похожа на этот формат

dd /мм / гггг

Можете ли вы, ребята, помочь мне, как изменить дисплей?спасибо

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.