vue如何操作选中日期的样式(求助)

原创 13716306449 随笔 vue 163阅读 2017-12-02 17:08:28 举报

</ul>
<!-- 日期 -->
<ul class="days">
<li v-for="day in days">
<!--今年之前-->
<span v-if="day.getFullYear() < new Date().getFullYear() " class="other_day">{{ day.getDate() }}</span>
<span v-else>
<!--本月之前-->
<span v-if="day.getFullYear() == new Date().getFullYear() && day.getMonth() < new Date().getMonth()" class="other_day">{{ day.getDate() }}</span>
<span v-else >
<!--本月-->
<span v-if="day.getMonth()+1 != currentMonth" class="other-month">{{ day.getDate() }}</span>
<span v-else>
<!--今天之前-->
<span v-if="day.getFullYear() == new Date().getFullYear() && day.getMonth() == new Date().getMonth() && day.getDate() < new Date().getDate()" class="other_day_before">{{ day.getDate() }}</span>
<span v-else >
<!--今天-->
<span v-if="day.getFullYear() == new Date().getFullYear() && day.getMonth() == new Date().getMonth() && day.getDate() == new Date().getDate()" class="active">{{ day.getDate() }}</span>
<span v-else @click="pick(day)">{{ day.getDate() }}</span>
</span>
</span>
</span>
</span>
</li>
</ul>

vue如何操作选中日期的样式(求助)
用 .days li:hover 只能操作一个日期,重新点击样式就变了
现在需要的是点击一次样式改变,点击下一个样式也改变。应该怎么做啊???

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复