Appearance
属性
javascript
// 时间组件的配置对象
time: {
// 表示是否为容器组件
isContainer: false,
// 组件的显示名称
displayName: "时间",
// 表示是否为表单组件
isForm: true,
// 允许添加数据表查询
canAddDataTableQuery: true,
// 允许添加数据表列表
canAddDataTableList: true,
// 表示组件是否完整
complete: true,
// 组件的属性配置
props: {
// 组件尺寸,默认大小
size: "default",
// 是否显示标签
hasLabel: true,
// 是否为必填项
required: false,
// 是否禁用
disabled: false,
// 是否隐藏
hide: false,
// 备注信息
remark: "",
// 标签位置,默认为左
labelPosition: "left",
// 是否显示详细信息
isDetail: false,
// 输入框占位提示
placeholder: "请选择",
// 组件绑定的值
value: null,
// 时间格式显示格式
format: "HH:mm:ss",
// 时间值的格式
valueFormat: "HH:mm:ss",
// 时间范围选择的分隔符
rangeSeparator: "-",
// 开始时间占位符
startPlaceholder: "开始时间",
// 结束时间占位符
endPlaceholder: "结束时间",
// 自定义名称
zdname: null,
// 组件标签
label: "时间",
// 组件类型
type: "time",
// 标签对齐方式,默认为右对齐
labelAlign: "right",
// 标签宽度
labelWidth: "120px",
// 组件宽度,这里为24
width: 24,
// 组件创建时的回调函数
onCreated: null,
// 组件挂载时的回调函数
onMounted: null,
// 组件值变化时的回调函数
onChange: null,
// 组件获得焦点时的回调函数
onFocus: null,
// 组件失去焦点时的回调函数
onBlur: null,
}
},
方法
名称 | 描述 | 示例 |
---|---|---|
app.getPropsById | 获取当前组件参数值 | app.getPropsById({id}) |
app.setValue | 设置组件的值 | app.setValue({id}, 123) |
app.getValue | 获取组件的值 | app.getValue({id}) |
app.setVisible | 设置可见 | app.setVisible({id}, false) |