基于Vue的简单日历组件

2023-05-24,,

日历组件

由于移动端项目中需要用到日历组件,网上找了下,没看到几个合适的,就尝试着自己写一个。然后发现也不是很复杂,目前只做了最基本的功能,大家也可以拿去做做二次开发。

如何写一个日历组件

基础效果如下图:

然后可以接受一个起始日期参数start-date,设置日历当前显示的年月。可以监听一个点击事件click-event,回调参数为当前点击的年月日。


<calendar
@click-event="getDate"
:start-date="new Date(2015,7)">
</calendar>

然后具体的代码地址在这里:

新手上路,大家多多指教

基于Vue的简单日历组件的相关教程结束。

《基于Vue的简单日历组件.doc》

下载本文的Word格式文档,以方便收藏与打印。