# 日历

# 平台差异

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: ''
        }
    ]"
/>