further work on MonthPicker
This commit is contained in:
@@ -26,7 +26,7 @@
|
||||
<table class="table table-bordered mt-2">
|
||||
<tbody>
|
||||
<tr v-for="n in 3">
|
||||
<td v-for="m in 4" @click="selectedMonth = m+4*n-5" :class="{selected: selectedMonth===(m+4*n-5)}">
|
||||
<td v-for="m in 4" @click="selectedMonth = m+4*n-5" :class="{ 'table-active': selectedMonth === (m+4*n-5)}">
|
||||
{{months[m+4*n-5]}}
|
||||
</td>
|
||||
</tr>
|
||||
@@ -39,7 +39,7 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, computed, watch, Ref, ComputedRef } from 'vue'
|
||||
import { ref, watch, Ref } from 'vue'
|
||||
|
||||
const props = defineProps<{
|
||||
selectedMonth: number,
|
||||
@@ -57,20 +57,6 @@
|
||||
'Sept', 'Okt', 'Nov', 'Dez'
|
||||
]
|
||||
|
||||
/**
|
||||
* -4 -3 -2
|
||||
* -1 0 +1
|
||||
* +2 +3 +4
|
||||
*/
|
||||
|
||||
const years : ComputedRef<number[]> = computed(() => {
|
||||
let arr : number[] = []
|
||||
for (let i = 0; i < 9; i++) {
|
||||
arr.push(selectedYear.value - 4 + i)
|
||||
}
|
||||
return arr
|
||||
})
|
||||
|
||||
const emit = defineEmits<{
|
||||
(e: 'getYear', year: number): number
|
||||
(e: 'getMonth', month: number): number
|
||||
|
||||
Reference in New Issue
Block a user