日历

平台差异

App	H5	微信小程序	支付宝小程序	头条小程序
√	√	√	√	√

Props

参数	说明	类型	可选值	默认值
value	绑定值	string / array
type	类型	string	date / daterange	date
title	标题	string		选择日期
customList	自定义列表	array
lunar	是否显示农历	boolean

Events

事件名称	说明	回调参数
change	值改变时触发	function(start / [start, end])
cancel	取消时时触发	function(value)

CustomList Options

参数	说明	类型	可选值	默认值
date	匹配日期	string
value	日，或者自定义文案	string
remark	备注	string
color	小点颜色	string

示例

基本用法

<cl-calendar ref="calendar" v-model="date" />

日期范围

<cl-calendar ref="calendar" type="daterange" v-model="daterange" />

农历

<cl-calendar ref="calendar" lunar v-model="date" />

自定义块

<cl-calendar
	ref="calendar"
	lunar
	v-model="date"
	:custom-list="[
        {
            date: '2020-11-27',
            color: 'red',
            remark: '我们',
            value: '敏'
        }
    ]"
/>