本來呢,開開心心的寫完了這個功能,然後發現elemeng更新了,增加了日曆元件這個功能
我的內心機器奔潰,但是,element的日曆元件太簡單了,我感覺還是手擼乙個吧,畢竟也不是很難
實現了顯示農曆,備註功能,點選某一天為某一天新增備註的功能...
引用的是他人寫好的元件:
在他的基礎上增加了功能,實現了備註功能.實現方法是:後台返回的備註資料中,要求帶有資料為天數的字段,然後使用-for迴圈,判斷,渲染
以下是修改**的地方,等我有空了寫個 dome 傳到自己的github上
12 3 4 }
5 }
6
7
簡單的vue日曆元件
根據公司設計圖製作了乙個簡單的日曆元件,主要包括切換上一年 上一月 下一年 下一月,鎖定開始時間 結束時間等功能,以上就是效果圖。html child date0 child date1 js kim new vue date1 vue.component mcalendar methods els...
使用vue實現日曆元件的封裝
因專案的需要,而且當前元件庫並不支援業務,所以,重新對日曆元件進行封裝。該篇部落格就對實現日曆的思路進行存檔,方便以後的查閱。先上圖 ui小哥哥的原型圖。接下來的思路都是根據該圖進行解說 接下來定義每個月對應天數的陣列,以及周一 週日日曆頭部的陣列。props showmonth data 下面就需...
vue打卡日曆 Vue日曆
new vue else date new date this.currentday date.getdate this.currentyear date.getfullyear this.currentmonth date.getmonth 1 this.currentweek date.getd...