基于Vue的简单日历组件
日历组件
由于移动端项目中需要用到日历组件,网上找了下,没看到几个合适的,就尝试着自己写一个。然后发现也不是很复杂,目前只做了最基本的功能,大家也可以拿去做做二次开发。
如何写一个日历组件基础效果如下图:
然后可以接受一个起始日期参数start-date,设置日历当前显示的年月。可以监听一个点击事件click-event,回调参数为当前点击的年月日。
<calendar
@click-event="getDate"
:start-date="new Date(2015,7)">
</calendar>
然后具体的代码地址在这里:
新手上路,大家多多指教
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步