ASTRO大屏应用 ASTROCANVAS-日期选择器:配置

时间:2024-11-06 21:53:39

配置

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

图4 配置
  • 日期选择器的类型:支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。
  • 输入框边框字体设置
    • 输入框字体:输入框中字体的大小、颜色等设置。
    • 输入框背景颜色:设置输入框背景颜色。
    • 边框颜色:设置输入框边框的颜色。
    • 边框聚焦颜色:设置鼠标选中输入框时,边框的颜色。
    • 边框悬浮颜色:设置鼠标悬浮在输入框上时,边框的颜色。
  • 输入框内容设置
    • 选择范围时的分隔符:选择日期范围时,中间的分隔符,一般使用“-”。
    • 范围选择时开始日期的占位内容:开始日期输入框中没有选择具体日期时,显示的文字内容。

      例如:开始日期,效果图为

    • 范围选择时结束日期的占位内容:结束日期输入框中没有选择具体日期时,显示的文字内容。
    • 非范围选择时的占位内容:不是日期范围选择时,显示的文字内容。
  • 日期弹出框设置
    • 放大倍数:组件发布后,日期弹出框在页面占位相对于开发态中放大的倍数。在大屏页面中,放大倍数建议设置大一些。
    • 背景颜色:设置日期弹出框的背景颜色。
    • 选中态背景颜色:日期弹出框中,选中状态日期的背景颜色。
    • 选中态字体颜色:日期弹出框中,选中状态日期的字体颜色。
    • 前月后月的日期颜色:日期弹出框中,上个月日期和下个月日期的日期颜色。
    • 选择范围的背景色:日期弹出框中,处于选择范围内日期的背景色。
  • 日期弹出框内星期时间设置
    • 星期背景色:日期弹出框内,星期几的背景色。
    • 星期的字体颜色:日期弹出框内,星期几的字体颜色。
    • 时间背景色:日期弹出框内,时间的背景色。
    • 时间的字体颜色:日期弹出框内,时间的字体颜色。
support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6103.html