datefield
# 一、属性
# value
string
当前输入组件的值。
# columns
object
输入组件配置对象。
默认值: {}
提示
datefield 是基于 <a-date-picker />
封装的组件。这意味着它除了文档中提到的 API 外,还可以支持 官方文档 (opens new window) 中的 API【若发现暂不支持的属性,请及时反馈!!!】。
# columns.xtype
string
该输入组件需要将其指定为 'datefield'
。
# columns.allowClear 不支持修改
boolean
是否允许点击清除图标删除内容。
默认值: false
# columns.clearable 不支持修改
boolean
与 allowClear 功能相同,优先取 allowClear。
默认值: false
# columns.placeholder
string
占位符,提示文字。
# columns.defaultValue
string
默认值。
可选值: 系统预设默认值
# columns.disabled
boolean | (typeParams: Object) => boolean
是否禁用状态。
默认值: false
# columns.readOnly
boolean
与 disabled 功能相同,优先取 disabled。
默认值: false
# columns.disabledDate
(date, typeParams) => boolean
不可选择的日期。
# columns.format
string
设置日期格式。
默认值: 'YYYY-MM-DD'
# columns.quickBtns
boolean
是否显示页脚的 本日、明日、三天、本周、本月 快捷按钮。
默认值: false
# columns.mode
string
日期面板的状态。
默认值: 'date'
可选值: 'time'
、'date'
、'month'
、'year'
、'decade'
提示
使用此属性,请搭配 columns.format 属性使用
# size
String
控件大小。
默认值: 'small'
可选值: 'large'
、'default'
、'samll'
提示
该属性可直接挂载至 columns 下。
columns: {
// ...
size: 'small'
}
2
3
4
# typeParams
object
类型参数,可以为其传递任意属性,在各回调事件中,会将其按原样返回。
默认值: {}
# isForm
boolean
是否在表单中使用。
默认值: false
# reseal
boolean
是否重新封装。
默认值: false
# 二、事件
# valueChange
({ that, columns, value, oldValue, typeParams, date }) => void
当值改变后触发。
参数说明:
- obj
提示
该方法可直接挂载至 columns 下。
columns: {
// ...
valueChange: ({ that, columns, value, oldValue, typeParams, date }) => {}
}
2
3
4