Display Month between Date lists

This commit is contained in:
Julian Krauser 2025-01-16 13:23:23 +01:00
parent 8def180f38
commit 15431450ac
3 changed files with 46 additions and 3 deletions

View file

@ -11,8 +11,13 @@
:imgAttrs="{ class: 'w-full h-56 object-cover object-center' }"
/>
<div class="w-full h-44 relative bg-white px-2 py-5 flex flex-col justify-start items-start gap-2 overflow-y-auto">
<h1>{{ data?.title }}</h1>
<p v-if="data?.date" class="w-full text-[#5c5c5c]">
<h1>
<span v-if="numberOverwrite != undefined" class="w-24 text-center text-black text-4xl my-auto">
{{ numberOverwrite }}.
</span>
{{ data?.title }}
</h1>
<p v-if="numberOverwrite != undefined" class="w-full text-[#5c5c5c]">
{{
new Date(data?.date ?? "").toLocaleString("de-DE", {
day: "2-digit",
@ -22,6 +27,16 @@
hour: "2-digit",
})
}}
Uhr
</p>
<p v-else class="w-full text-[#5c5c5c]">
{{
new Date(data?.date ?? "").toLocaleString("de-DE", {
minute: "2-digit",
hour: "2-digit",
})
}}
Uhr
</p>
<p class="w-full text-[#5c5c5c]">
{{ data?.description }}
@ -39,6 +54,7 @@ const baseUrl = runtimeConfig.public.strapi.url;
defineProps({
data: Object as PropType<BaseCollection>,
numberOverwrite: { type: Number, default: undefined },
allowNavigation: { type: Boolean, default: false },
urlOverwrite: { type: String, default: undefined },
});

View file

@ -26,6 +26,7 @@
hour: "2-digit",
})
}}
Uhr
</p>
<p v-else class="w-full text-[#5c5c5c]">
{{
@ -34,6 +35,7 @@
hour: "2-digit",
})
}}
Uhr
</p>
<p class="w-full text-[#5c5c5c]">
{{ data?.description }}