日期选择器（日历）

日历组件用于选择日期。

概念说明

主要属性

组件通用属性请参见组件通用说明。

• 值：当前选择的日期。
• 最小日期：可选择的最小日期。
• 最大日期：可选择的最大日期。
• 日历标题：展示在日历上方的标题。
• 只读：默认关闭，开启后，选择器禁止选择和输入。
• 禁用：默认关闭，开启后选择器置灰显示，且不支持任何操作。
• 右侧内容对齐方式：展示内容右侧的对齐方式。
• 点击遮罩层后关闭：开启时，点击遮罩则自动关闭，若关闭，需要手动设置关闭事件，默认关闭。

事件

支持配置确认、点击事件。

样式

样式说明请参见组件通用说明。

主题样式

• background-color：日历背景色，如#223325，默认值#fff。

• popup-height：日历高度，如50%，默认值60%。

• header-box-shadow：日历头部阴影， 默认值0 2px 10px rgba(125, 126, 128, 0.16)。

• header-title-height：日历头部高度，如40px，默认值44px。

• header-title-font-size：日历头部字体大小，如14px，默认值16px。

• header-subtitle-font-size：日历子标题字体大小，如16px，默认值14px。

• weekdays-height：星期高度，如20px，默认值30px。

• weekdays-font-size：星期字体大小，如14px，默认值12px。

• month-title-font-size：月字体大小，如16px，默认值14px。

• day-height：日期高度，如40px，默认值60px。

• day-font-size：日期字体大小，如14px，默认值16px。

• selected-day-size：选中日期字体大小，如40px，默认值54px。

• selected-day-color：选中日期字体颜色，如#223325，默认值#fff。

• selected-day-background-color：选中日期背景色，如#223325，默认值337eff。

内置逻辑

页面添加组件后，同一页面下逻辑支持使用调用逻辑组件调用的内置逻辑。

• reset：将选中的日期重置到指定日期，未传参时会重置到默认日期