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>