<meta charset="utf-8">

引言

开发中日历的使用必不可少，uniapp也提供了对应的日历组件

HTML中使用

<uni-calendar 
        ref="calendar"
    :insert="true"
    :selected="selected"
    :date="entryTime"
    @confirm="confirm"
    @monthSwitch='changeMonth'
/>

script标签中引入

image

然后添加绑定的方法即可

改造uni-calendar组件

假如是直接使用hbuilderx创建的项目，直接可以在components文件下找到组件，如图

image

接着改写显示部分

image

修改对应的业务逻辑

image

有其他的业务逻辑，继续在uni-calendat.vue中修改即可

转载原文
链接：https://www.jianshu.com/p/3b4d465c7b14