Calendar 预定日历选择器

使用指南

在 page.json 中引入组件

  1. "usingComponents": {
  2. "w-calendar": "wuss-weapp/w-calendar/index",
  3. }

视频演示

代码演示

  1. <w-button type="info" bind:onClick="handleClick1">
  2. {{ visible1 ? 'show' : 'hide' }}
  3. </w-button>
  4. <w-calendar bindonSelect="handleSelected" bindconfirm="handleConfirm" bindcancel="handleCancel" defaultValue="{{defaultValue}}" visible disabledDate="{{disabledDate}}" />

API

Attribute 属性

属性说明类型默认值
visible是否可见Booleanfalse
type日历选择类型String'range'
maxDate最大日期Null0
minDate最小日期Null0
defaultValue最小日期Array[]
startDayText开始日期的字String'起'
endDayText结束日期的字String'止'
dateTextObj日期的文本Object{}
initalMonths初始渲染月份Number6
disabledDate禁用的日期Object{}

Event 事件

事件名说明参数
confirm确认按钮的回调e.detail.value
onSelect选中日历的值回调e.detail.value
cancel取消后的回调-

Slot 插槽

名称说明

Class 自定义类名

类名说明
wuss-class根节点样式类