时间选择器 使用场景 展示时间，可以精确到时分秒，也可设置一个时间段供用户选择。 组件图标： 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 设置默认时间 时间选择器 - - √ 2 只读 是否设置时间只读 switch开关 开/关

查看更多 →

时间选择器 本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色：单击颜色编辑器设置组件的背景色。 圆角：单击设置组件的圆角度。值越大，圆角度越明显。最小值为0%，最大值为50%。

查看更多 →

下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 配置 在配置中，设置组件的日期选择器的类型、输入框边框字体设置等。 图4 配置 日期选择器的类型：支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置 输入框字体：输入框中字体的大小、颜色等设置。

查看更多 →

选择器 使用场景 在页面中供用户选择多个数据，展示形式是下拉列表。 组件图标： 基本属性 表1 基本信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 下拉框默认选中值 select选择框 - - √ 2 多选 设置下拉框是否可多选 switch开关 开/关

查看更多 →

日期选择器 此章节介绍日期选择器配置项含义。 样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。

查看更多 →

下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 配置 在配置中，设置组件的日期选择器的类型、输入框边框字体设置等。 图4 配置 日期选择器的类型：支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置 输入框字体：输入框中字体的大小、颜色等设置。

查看更多 →

日期选择器 使用场景 展示日期及时间。 组件图标： 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 默认值 设置默认时间 时间选择器 - - √ 2 只读 是否设置时间只读 switch开关 开/关 关 √ 3 禁用 是否让时间不可选择

查看更多 →

日期选择器 日期选择器组件用于记录时间信息，适用于填写出差、加班日期时间等场景。 在表单设计页面，从“常用组件”中，拖拽“日期选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。

查看更多 →

使用状态选择器 使用说明 在样式选择器右侧，我们还提供了一个状态选择器的下拉框。可以选择hover、focused、pressed、disabled等状态。选择之后，我们此时编辑样式面板，就是相当于在编辑该类名对应状态的样式。 操作步骤 参考登录AstroPro界面中操作，登录AstroPro界面。

查看更多 →

日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面，从“常用组件”中，拖拽“日期范围选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。

查看更多 →

表单组件 按钮 单选框 多选框 输入框 选择器 时间选择器 日期选择器 选人组件 父主题： IPD组件

查看更多 →

是否成功安装： npm -v 如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli

查看更多 →

在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。 在页面中，拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器，单击，进入交互设置页面。 按照下图，设置自定义动作。 图3 设置自定义动作

查看更多 →

在自定义动作中，支持直接使用的参数如下： eventParam：组件传递出的参数。 以日期选择器组件为例，介绍如何获取eventParam。 在页面中，拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器，单击，进入交互设置页面。 按照下图，设置自定义动作。 图3 设置自定义动作

查看更多 →

std-border DateTimePicker日期时间选择器 DateTimePicker日期时间选择器的样式规范，如图7所示。 图7 DateTimePicker日期时间选择器样式规范 表5 DateTimePicker日期时间选择器的风格样式类 组件风格 引用类 初始状态 无 带有背景颜色

查看更多 →

以内，则内存使用量大的查询被终止。 选择器规则 选择器按顺序进行匹配，将使用第一个匹配到的资源组，一般来说建议配置一个默认资源组，如果没有设置默认资源组，而又不符合其他资源组选择器条件则查询会被拒绝。选择器规则参数配置请参见表3。 表3 选择器规则 配置项 必选/可选 配置说明 user

查看更多 →

"value": 14 } 下拉选择器 表3 下拉选择器参数说明 字段名 是否必选 参数类型 描述 value 是 string 下拉选择器选中的值。值对应options中的value。 options 是 Array<Object> 下拉选择器中包含的所有可选值。 data示例如下：

查看更多 →

机构业务数量；数据展示可通过右上角时间选择器,选择相关年度与季度数据进行展示。 图1 远程会诊中心 双向转诊中心 单击菜单栏业务管理菜单下的【双向转诊中心】,进入双向转诊中心页面,该页面用户可直观的了解到区域转诊中心的信息，包括申请时间、预约时间、申请医院、申请科室、申请医生、医

查看更多 →

其他 时间选择器 仪表盘 漏斗图 父主题： 组件指南

查看更多 →

调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结

查看更多 →

文本 词云 时间轴 通用表格 基础表格 趋势 搜索框 下拉选择框 日历组件 翻牌器 时间展示 时间翻牌器 里程碑 排行榜 天气 文本编辑 复选框 日期选择器 指标 标题 树状下拉框 多趋势 树状表格 高级表格 父主题： 组件介绍

查看更多 →