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>