MonthPicker
月份选择器
在交付控制台的 typeMeta 配置里可以直接配置 Number 的展示格式,也可以在 xml 的 RenderType 里指定,在 xml 里指定的优先级更高。
RenderType 包含 MonthPicker 和 MonthRangePicker
API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| initValue | 初始值 | Unix时间戳 | - |
| allowCopy | 是否可复制(展示态可用) | boolean | false |
| tips | 提示(展示态可用) | string | - |
| format | 时间格式化 | string | - |
| disabledDate | 配置不可选日期 | (current: moment) => boolean | - |
| unit | 单位,字符串则覆盖 typeMeta 定义的单位,展示态和编辑态都适用 | boolean | string | - |
format 时间格式化,参考规则momentjs。
disabledDate 参数 current 是个 moment 对象,常用方法有:isSame、isSameOrAfter、isSameOrBefore、isBetween。
用法
<View title="MonthPicker" version="2"> <Record key="person" model="trantor_doc_Person" />
<Form model="trantor_doc_Person" title="编辑态"> <Fields> <Field name="birthday" label="MonthPicker" initValue="#{new Date('2020-04').getTime()}" > <RenderType> <MonthPicker /> </RenderType> </Field> <Field name="birthday" label="2020-03至2020-5之间"> <RenderType> <MonthPicker disabledDate="#{(current) => current.isBefore('2020-03') || current.isAfter('2020-5')}" /> </RenderType> </Field> <Field name="birthday" label="2020-04之后"> <RenderType> <MonthPicker disabledDate="#{(current) => current.isBefore('2020-04')}" /> </RenderType> </Field> <Field name="birthday" label="今天之前"> <RenderType> <MonthPicker disabledDate="#{(current) => current.isAfter(new Date().getTime())}" /> </RenderType> </Field> </Fields> </Form>
<Detail model="trantor_doc_Person" lookupFrom="person" title="展示态"> <Fields> <Field name="name"/> <Field name="birthday" label="月份"> <RenderType> <MonthPicker format="YYYY-MM" tips="这是月份"/> </RenderType> </Field> </Fields> </Detail>
<Table model="trantor_doc_Person" dataCondition="department.id = ?" dataParams="[#department.data.id]" title="搜索态"> <Search> <Fields> <Field name="birthday" label="月份"> <RenderType> <MonthRangePicker /> </RenderType> </Field> </Fields> </Search> <Fields> <Field name="name" /> <Field name="birthday" /> </Fields> </Table></View>注意:当前例子为0.17.x 版本