使用vue写一个日历组件

.calendar_mod{border:1pxsolid#333;user-select:none;}.header_warp,.week_warp,.cell_warp{display:flex;}.header_warp{height:50px;border:1pxsolidrgb(143,53,53);调整内容：空格；}.header_btn{宽度：100px；文本对齐：居中；背景色：#999；cursor:pointer;}.week_item{flex:1;文本对齐：居中；border:1pxsolidrgb(94,179,119);}.cell_warp{flex-wrap:wrap;}.cell_box{height:70px;弹性：0014.285%；边距：5px0;}.cell_boxdiv{宽度：50px;高度：100%；保证金：0自动；显示：弹性；证明内容：居中；对齐项目：居中；光标：指针；}.cell_box.prev{背景颜色：#f1b9b9;}.cell_box.next{背景颜色：#b9f1c1;}.marking{颜色：红色;}项目需要用到日历，但是css和function比较奇怪，需要自己做一个。原理是一个日历会显示当月页面的3个部分。得到的数组是当月的完整日历，所以重点计算这三部分来完成1.new上个月的Date('2021-09-01').getDay()，2021年9月1日是星期三，此时获取上个月的3天2.本月的新Date(year,month,0).getDate()3.下个月的7-(preAndCenter.length%7)最后得到当前页面所以日期数组可以自由扩展你想要的功能.calendar_mod{border:1pxsolid#333;user-select:none;}.header_warp,.week_warp,.cell_warp{display:flex;}.header_warp{height:50px;border:1pxsolidrgb(143,53,53);调整内容：空格；}.header_btn{宽度：100px；文本对齐：居中；背景色：#999；cursor:pointer;}.week_item{flex:1;文本对齐：居中；border:1pxsolidrgb(94,179,119);}.cell_warp{flex-wrap:wrap;}.cell_box{height:70px;弹性：0014.285%；边距：5px0;}.cell_boxdiv{宽度：50px;高度：100%；保证金：0自动；显示：弹性；证明内容：居中；对齐项目：居中；光标：指针；}.cell_box.prev{背景颜色：#f1b9b9;}.cell_box.next{背景颜色：#b9f1c1;}.marking{颜色：红色;}