minie4/Timetable-V2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ Skip weekend days on the timetable

Browse Source
This commit is contained in:
minie4
2022-06-02 16:46:43 +02:00
parent 5911043ca0
commit 1fee9bf0c2
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/date-selector.vue
View File

@ -3,13 +3,24 @@ import { selectedDate, selectedDay } from "../store";
import { dayNames } from "../definitions";
import dayjs from "dayjs";
import ArrowIcon from "./icons/arrow-icon.vue";
function nextDay() {
var newDate = dayjs(selectedDate.value).add(1, "day");
// Skip weekend
if (newDate.day() == 6) newDate = newDate.add(2, "day");
selectedDate.value = newDate.toDate();
}
function previousDay() {
var newDate = dayjs(selectedDate.value).subtract(1, "day");
// Skip weekend
if (newDate.day() == 0) newDate = newDate.subtract(2, "day");
selectedDate.value = newDate.toDate();
}
</script>
<template>
<div class="selector">
<ArrowIcon
@click="selectedDate = dayjs(selectedDate).subtract(1, 'day').toDate()"
/>
<ArrowIcon @click="previousDay" />
<span
class="day"
@click="selectedDate = new Date(new Date().setUTCHours(0, 0, 0, 0))"
@ -17,10 +28,7 @@ import ArrowIcon from "./icons/arrow-icon.vue";
{{ dayNames[selectedDay + 1] }},
{{ dayjs(selectedDate).format("DD.MM.YYYY") }}
</span>
<ArrowIcon
style="transform: rotate(180deg)"
@click="selectedDate = dayjs(selectedDate).add(1, 'day').toDate()"
/>
<ArrowIcon style="transform: rotate(180deg)" @click="nextDay" />
</div>
</template>