Appearance
属性
javascript
// 日期组件的配置对象
date: {
// 表示日期组件是否为容器
isContainer: false,
// 日期组件的显示名称
displayName: "日期",
// 表示日期组件是否可用于表单
isForm: true,
// 表示日期组件是否可以添加到数据表查询
canAddDataTableQuery: true,
// 表示日期组件是否可以添加到数据表列表
canAddDataTableList: true,
// 表示日期组件是否完整
complete: true,
// 日期组件的属性配置
props: {
// 日期组件的默认大小
size: "default",
// 表示日期组件是否为必填项
required: false,
// 表示日期组件是否有标签
hasLabel: true,
// 表示日期组件是否禁用
disabled: false,
// 日期组件的备注
remark: "",
// 表示日期组件是否隐藏
hide: false,
// 日期组件的标签位置
labelPosition: "left",
// 日期组件的占位符
placeholder: "请选择",
// 表示日期组件是否为详情模式
isDetail: false,
// 日期组件的值
value: null,
// 日期组件的类型
type: "date",
// 日期组件的格式
format: "YYYY-MM-DD",
// 日期组件的值格式
valueFormat: "YYYY-MM-DD",
// 日期范围选择的分隔符
rangeSeparator: "-",
// 开始时间占位符
startPlaceholder: "开始时间",
// 结束时间占位符
endPlaceholder: "结束时间",
// 表示日期组件是否默认为当前时间
defaultNow: false,
// 日期组件的字段名称
zdname: null,
// 日期组件的标签
label: "日期",
// 日期组件的标签对齐方式
labelAlign: "right",
// 日期组件的标签宽度
labelWidth: "120px",
// 日期组件的宽度
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) |