# 4.16 日期周期选择器(Date Cycle Picker)

日期周期选择器组件,用于选择重复周期

# 基础用法

<template>
  <dof-date-cycle-picker :repeatType="repeatType" @onRepeatSelect="onRepeatSelect" @onDayChange="onDayChange"></dof-date-cycle-picker>
</template>
1
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 }