Как я могу отображать «Закрыто» или «Открыто» в зависимости от времени в vue js html? ⇐ Jquery

[Anonymous]

Это мои данные в формате JSON, показывающие часы работы магазина:

Код: Выделить всё

{
"status": true,
"data": {
"pid": 1,
"businessName": "ard",
"services": "looking for passionate",
"inventory": [],
"workHr": "Monday :9:00AM to 5:00PM,Thuesday :9:00AM to 5:00PM,Wednesday :9:00AM to 5:00PM,Tuesday : 9:00AM to 5:00PM,Friday :9:00AM to 5:00PM,Saturday :9:00AM to 5:00PM,Sunday :9:00AM to 5:00PM"
}
}

Мой код vuejs:

Код: Выделить всё

new Vue({
el: '#feed' ,
data: {
data: [],
},
mounted() {
this.$nextTick(function() {
var self = this;
var id = 1;
console.log(id)
$.ajax({
url: "https://n2s.herokuapp.com/api/post/get/"+{{pid}},
method: "GET",
dataType: "JSON",
success: function (e) {
if (e.status == 1) {
self.data = e.data;
console.log(e.data)

const workHour = e.data.workHr.split(',').map((val) => {
const obj = val.split(':');
const time = val.replace(`${obj[0]}:`, '');
return {
day: obj[0],
time,
}
});
}
else
{
console.log('Error occurred');}
}, error: function(){
console.log('Error occurred');
}
});
})
},
})

Я отображаю сегодняшние часы работы, используя следующий код:

Код: Выделить всё

  
[img]/static/assets/img/timer.png[/img]
Today :  {{item.time}}

Помимо часов работы, мне также нужно отобразить «Закрыто» или «Открыто» в зависимости от того, находится ли это в их рабочее время или нет. Как я могу это реализовать?

Подробнее здесь: https://stackoverflow.com/questions/475 ... ue-js-html