Vuetify-更改日历每月组件每个日期的颜色

时间:2019-12-14 06:02:49

标签: javascript vue.js vuetify.js

我想使用日历月度部分显示员工的出勤状态。

<v-calendar type="month" :value="###">
          <template v-slot:day="{ present, past, date }">
            <v-row no-gutters style="height:2.5rem">
              <template v-if="events[date]">
                <v-col class="text-center">
                  <v-chip
                    label
                    dark
                    @click="###"
                    :title="###"
                    :color="###"
                    v-for="###"
                    :key="i"
                  >{{###}}</v-chip>
                </v-col>
              </template>
            </v-row>
          </template>
        </v-calendar>

每个插槽均包含代表另一个数据的芯片。因此,要显示员工的出勤状态(存在或不存在),我想更改日期的颜色。有没有办法做到这一点,或者对我如何实现此功能有任何其他建议。

0 个答案:

没有答案