跳转到内容

MonthPicker

月份选择器

在交付控制台的 typeMeta 配置里可以直接配置 Number 的展示格式,也可以在 xml 的 RenderType 里指定,在 xml 里指定的优先级更高。

RenderType 包含 MonthPicker 和 MonthRangePicker

API

参数说明类型默认值
initValue初始值Unix时间戳-
allowCopy是否可复制(展示态可用)booleanfalse
tips提示(展示态可用)string -
format时间格式化string -
disabledDate配置不可选日期(current: moment) => boolean -
unit单位,字符串则覆盖 typeMeta 定义的单位,展示态和编辑态都适用boolean | string-

format 时间格式化,参考规则momentjs

disabledDate 参数 current 是个 moment 对象,常用方法有:isSame、isSameOrAfter、isSameOrBefore、isBetween。

用法

<View title="MonthPicker">
<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" related="person:person.department.staff" title="搜索态">
<Search>
<Fields>
<Field name="birthday" label="月份">
<RenderType>
<MonthRangePicker />
</RenderType>
</Field>
</Fields>
</Search>
<Fields>
<Field name="name" />
<Field name="birthday" />
</Fields>
</Table>
</View>