marking
/
WGShare.Client.Wx
19
0
Fork 0
Code Pull Requests Actions Releases 2 Activity
WGShare.Client.Wx/miniprogram_npm/tdesign-miniprogram/calendar
History
yj dd589f646c 初始化 2024-11-20 17:29:49 +08:00
..
README.en-US.md 初始化 2024-11-20 17:29:49 +08:00
README.md 初始化 2024-11-20 17:29:49 +08:00
calendar.d.ts 初始化 2024-11-20 17:29:49 +08:00
calendar.js 初始化 2024-11-20 17:29:49 +08:00
calendar.json 初始化 2024-11-20 17:29:49 +08:00
calendar.wxml 初始化 2024-11-20 17:29:49 +08:00
calendar.wxs 初始化 2024-11-20 17:29:49 +08:00
calendar.wxss 初始化 2024-11-20 17:29:49 +08:00
index.d.ts Initial Commit 2024-11-11 14:16:29 +08:00
index.js Initial Commit 2024-11-11 14:16:29 +08:00
props.d.ts Initial Commit 2024-11-11 14:16:29 +08:00
props.js 初始化 2024-11-20 17:29:49 +08:00
template.wxml 初始化 2024-11-20 17:29:49 +08:00
type.d.ts 初始化 2024-11-20 17:29:49 +08:00
type.js Initial Commit 2024-11-11 14:16:29 +08:00

README.en-US.md

:: BASE_DOC ::

API

Calendar Props

name type default description required
style Object - CSS(Cascading Style Sheets) N
custom-style Object - CSS(Cascading Style Sheets)，used to set style on virtual component N
auto-close Boolean true 0.34.0 N
confirm-btn String / Object / Slot '' see more ts definition。see more ts definition N
first-day-of-week Number 0 - N
format Function - Typescript：CalendarFormatType type CalendarFormatType = (day: TDate) => TDate type TDateType = 'selected' | 'disabled' | 'start' | 'centre' | 'end' | '' interface TDate { date: Date; day: number; type: TDateType; className?: string; prefix?: string; suffix?: string;}。see more ts definition N
locale-text Object - Typescript：CalendarLocaleText interface CalendarLocaleText {title?: string; weekdays?: string[]; monthTitle?: string; months?: string[]; confirm?: string;}。see more ts definition N
max-date Number - - N
min-date Number - - N
title String / Slot - see more ts definition N
type String 'single' options: single/multiple/range N
use-popup Boolean true 0.32.0 N
using-custom-navbar Boolean false - N
value Number / Array - Typescript：number | number[] N
default-value Number / Array undefined uncontrolled property。Typescript：number | number[] N
visible Boolean false - N

Calendar Events

name params description
change (value: timestamp) 0.28.0
close (trigger: CalendarTrigger) 0.34.0。see more ts definition。
type CalendarTrigger = 'close-btn' | 'confirm-btn' | 'overlay'
confirm (value: timestamp) -
scroll ({scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}) 1.4.6。triggered when scrolling
select (value: timestamp) 0.28.0

CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

Name Default Value Description
--td-calendar-active-color @brand-color -
--td-calendar-bg-color @bg-color-container -
--td-calendar-days-color @font-gray-2 -
--td-calendar-item-centre-color @brand-color-light -
--td-calendar-item-disabled-color @font-gray-4 -
--td-calendar-item-suffix-color @font-gray-3 -
--td-calendar-radius 24rpx -
--td-calendar-selected-color @font-white-1 -
--td-calendar-title-color @font-gray-1 -
--td-calendar-title-font-size 18px -