华为云首页用户手册

ASTRO轻应用 ASTROZERO-日期选择器:配置

时间：2024-04-28 16:09:32

ASTRO轻应用 ASTROZERO

配置

在配置中，设置组件的日期选择器的类型、输入框边框字体设置等。

图4 配置

日期选择器的类型：支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。
输入框边框字体设置
- 输入框字体：输入框中字体的大小、颜色等设置。
- 输入框背景颜色：设置输入框背景颜色。
- 边框颜色：设置输入框边框的颜色。
- 边框聚焦颜色：设置鼠标选中输入框时，边框的颜色。
- 边框悬浮颜色：设置鼠标悬浮在输入框上时，边框的颜色。
输入框内容设置
- 选择范围时的分隔符：选择日期范围时，中间的分隔符，一般使用“-”。
- 范围选择时开始日期的占位内容：开始日期输入框中没有选择具体日期时，显示的文字内容。
  例如：开始日期，效果图为
- 范围选择时结束日期的占位内容：结束日期输入框中没有选择具体日期时，显示的文字内容。
- 非范围选择时的占位内容：不是日期范围选择时，显示的文字内容。
日期弹出框设置
- 放大倍数：组件发布后，日期弹出框在页面占位相对于开发态中放大的倍数。在大屏页面中，放大倍数建议设置大一些。
- 背景颜色：设置日期弹出框的背景颜色。
- 选中态背景颜色：日期弹出框中，选中状态日期的背景颜色。
- 选中态字体颜色：日期弹出框中，选中状态日期的字体颜色。
- 前月后月的日期颜色：日期弹出框中，上个月日期和下个月日期的日期颜色。
- 选择范围的背景色：日期弹出框中，处于选择范围内日期的背景色。
日期弹出框内星期时间设置
- 星期背景色：日期弹出框内，星期几的背景色。
- 星期的字体颜色：日期弹出框内，星期几的字体颜色。
- 时间背景色：日期弹出框内，时间的背景色。
- 时间的字体颜色：日期弹出框内，时间的字体颜色。