# 4.16 日期周期选择器(Date Cycle Picker)
日期周期选择器组件,用于选择重复周期
# 基础用法
<template>
<dof-date-cycle-picker :repeatType="repeatType" @onRepeatSelect="onRepeatSelect" @onDayChange="onDayChange"></dof-date-cycle-picker>
</template>
1
2
3
2
3
# Attributes
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
title | String | N | '重复周期' | 标题 |
repeatType | String | N | '1' | 重复类型 |
selectedDays | String | N | '1E2E370' | 选中的天数 |
needDarkMode | Boolean | N | false | 是否启用 M-dark/T-dark 内置暗黑适配 |
backgroundColor | String | N | '' | 背景色 |
textColor | String | N | '' | 文字颜色 |
titleBackgroundColor | String | N | '' | 标题背景色 |
dayBackgroundColor | String | N | '' | 日期背景色 |
dayTextColor | String | N | '' | 日期文字颜色 |
checkedDayColor | String | N | '' | 选中日期背景色 |
checkedDayTextColor | String | N | '' | 选中日期文字颜色 |
borderColor | String | N | '' | 边框 / 分隔线颜色 |
isRTL | Boolean | N | false | 是否启用 RTL(从右到左)布局;默认关闭 ^2.5.10 |
RTL 下重复类型列表和日期选项布局镜像,方向会传给内部 Radio、Catalog 和日期选项;星期值、勾选数据及事件参数保持不变。
设置 :need-dark-mode="true" 可启用内置暗黑配色,主题初始化与构建配置见 接入说明。
颜色属性为空时使用内置配色;业务显式颜色和样式覆盖优先于默认配色,关闭暗黑适配后仍有效。
# Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
onRepeatSelect | 选择重复类型 | { value } |
onDayChange | 选择自定义日期 | { value } |