從零開始構建一個功能完整的Vue日曆組件

vue-calendar

項目地址：github.com/zifeiyu666/…
DEMO地址： zifeiyu666.github.io/vue-calenda…

簡介

由於項目中須要實現一個vue的日曆效果，在社區搜尋一番，並無找到貼合實際須要功能完善且足夠輕量，可擴展性強的組件；

社區目前大概分爲如下幾種日曆組件

1. 像element-ui，ant-ui之類的大而全的框架中的日曆組件，他們大多統一於各自框架風格，定製難度高，且若是項目沒有使用相似的ui框架，引入成本高。
2. full-calendar, v-calendar之類配置過多，不夠輕量的庫。
3. github中開發者貢獻的比較雜的框架，要麼功能不全，要麼擴展定製性不夠。

基於此，想要本身動手開發一個可自定義配置，足夠輕量請，又功能完備的vue日曆組件，小白做品，歡迎大神指正。

預期功能

1. 實現基本的年月日展現
2. 可顯示陰曆，重要節日
3. 可實現單選日期/時間
4. 可實現多選日期/時間
5. 可實現日期/時間的範圍選擇
6. 可實現輸入框點擊彈出時間/日期的選擇頁面
7. 可實現PC端日曆的日程表功能
8. 雙擊空白添加日程
9. 日程可拖拽，可拉伸，同一日期日程可重疊
10. 可自定義主題，並預設幾套主題

項目介紹

項目啓動：

npm install
npm run serve

項目階段

能夠根據項目的提交歷史，一步一步從零開始實現一個日曆組件； 每個commit都是根據功能提交;
新添加功能爲：feat前綴
修改功能爲: fix前綴