Herkese merhabalar iyi günler diliyorum.
Bir sorum olacaktı. Vue'de sabah 9 dan akşam 5'e kadar oluşan bir dizim var içlerin de saat olan.
Ama ben anlık saat dilimine göre geçmiş saatleri ekran da göstermek istemiyorum.
Yapılacak düzenlemenin sadece aynı günü kapsaması gerekiyor takvim de başka bir gün seçilirse o gün gelmediği için saatlerin ekrana hepsinin gelmesi gerekiyor
Bunu tam olarak nasıl gerçekleştirebilirim ?
Anlık saati alarak if ile karşılaştırma yapmaya çalıştım ama tam olarak işe yaramadı. Fikirlerinizi bekliyorum 🙂
Saatleri ekrana gönderen kodum
.col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6
h3.mb-2.mt-2 Saat Seç
.meet-btn-area
el-button.mb-2.mr-2(
v-for="item in times",
:key="item.value",
size="medium",
:type="item.value == time.value ? 'info' : ''",
:active="item.value == time",
@click="time = item"
) {{ item.text }}
Zaman Damgaları
times: [
{
value: "09:00",
text: "09:00 - 09:30",
},
{
value: "09:30",
text: "09:30 - 10:00",
},
{
value: "10:00",
text: "10:00 - 10:30",
},
{
value: "10:30",
text: "10:30 - 11:00",
},
{
value: "11:00",
text: "11:00 - 11:30",
},
{
value: "11:30",
text: "11:30 - 12:00",
},
{
value: "12:00",
text: "12:00 - 12:30",
},
{
value: "12:30",
text: "12:30 - 13:00",
},
{
value: "13:00",
text: "13:00 - 13:30",
},
{
value: "13:30",
text: "13:30 - 14:00",
},
{
value: "14:00",
text: "14:00 - 14:30",
},
{
value: "14:30",
text: "14:30 - 15:00",
},
{
value: "15:00",
text: "15:00 - 15:30",
},
{
value: "15:30",
text: "15:30 - 16:00",
},
{
value: "16:00",
text: "16:00 - 16:30",
},
{
value: "16:30",
text: "16:30 - 17:00",
}
Bu şekilde de forEach ile döndürerek de ekrana basıyorum
this.times.forEach(item=> {
this.selectedDates.push({
date: this.date,
time: item.value,
text: item.text,
});
});
