Vue日历组件的功能

原本呢,开开心心的写完了这个功能,而后发现elemeng更新了,增长了日历组件这个功能

个人心里机器奔溃,可是,element的日历组件太简单了,我感受仍是手撸一个吧,毕竟也不是很难

实现了显示农历,备注功能,点击某一天为某一天添加备注的功能...

 

 

引用的是他人写好的组件: https://github.com/herozhou/vue-order-calendar

在他的基础上增长了功能,实现了备注功能.实现方法是:后台返回的备注数据中,要求带有数据为天数的字段,而后使用-for循环,判断,渲染

如下是修改代码的地方,等我有空了写个 dome 传到本身的github上

1 <!-- 遍历备注,判断日期是否一致 -->
2 <div v-for="(item,i) in remarksList" :key="i">
3   <el-tooltip placement="top">
4       <div slot="content" style="max-width:200px;">{{item.content}}</div>
5       <div class="remarks" v-if="dayobject.day.getDate() == item.day">{{item.content}}</div>
6   </el-tooltip>
7 </div>