vue+elementUi简单封装一个日历组件calendar
效果图
先说一下大致思路:如下图,日历主要分为2个部分,最开始的部分可以使用dateObject.getDay()这个方法获取当月第一天是星期几,然后渲染出对应的空白部分,接着就可以直接获取当月的具体天数,直接渲染即可
直接上代码
<template>
<!-- 日历组件 -->
<div class="hello" @click="changeDate">
<div class="calendar-head" style=".
原创
2021-08-26 20:38:38 ·
1274 阅读 ·
0 评论