我使用vue-calander显示事件日期。我想自定义日历突出显示。
目前，当我启用highlight:true时，它会在开始和结束日期上画圆圈，并跨越范围。
我想自定义如何突出显示事件的范围。
我想在这里实现的是显示3个点的范围内的每个日期。如果今天发生的事件，然后突出显示圆圈。
有可能吗。我需要帮助。
new Vue({
el: '#app',
data() {
return {
attrs: [
{
dot: true,
highlight: true,
dates: [{start:new Date(2023, 10, 12),end:new Date(2023, 10, 20)}],
}
],
};
},
}).date-circle {
background: #ff8080;
}
.date-text {
color: black;
}<div id="app">
<v-calendar
:attributes="attrs"
:from-page="{ month: 11, year: 2023 }">
</v-calendar>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.7.10/vue.min.js"></script>
<script src="https://unpkg.com/v-calendar"></script>
1条答案
按热度按时间nhhxz33t1#
这段代码将突出显示Today标签：
字符串
这段代码将在一个exist点周围添加两个点：
型
以下是截图：
的数据
下面是codepen上的代码：https://codepen.io/hayatolgheib/pen/qBgPBvP?editors=0110
如果你有任何问题，请告诉我