TimePicker

时间选择器

renderType 包含 TimePicker 和 TimeRangePicker

API

ITimePickerProps

参数	类型	说明	默认值
format	string	显示格式	-
use12Hours	boolean	使用12小时制	-
placeholder	string | [string,string]	提示占位文本，在范围选择器中使用[string,string]	-
prefixSelect	string	用于设置前置选择，例如提供“今天”，“明天”等选项便捷输入, 目前只支持设置为“preset”，由系统提供预设	-

format 时间格式化，参考规则momentjs。

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

用法

<View title="TimePicker" version="2">
  <Record key="person" model="trantor_doc_Person" dataCondition="id=2015"/>

  <Form model="trantor_doc_Person" title="编辑态">
    <Fields>
      <!-- TimePicker无效（没有model）initValue无效  -->
      <Field name="birthday" label="TimePicker无效，没有model" initValue="#{new Date('2020-04-02').getTime()}" >
        <RenderType>
          <TimePicker />
        </RenderType>
      </Field>
      <Field name="birthday" label="2020-03-01至2020-5-01之间">
        <RenderType>
          <TimePicker disabledDate="#{(current) => current.isBefore('2020-03-01') || current.isAfter('2020-5-01')}" />
        </RenderType>
      </Field>
      <Field name="birthday" label="2020-04-01之后">
        <RenderType>
          <TimePicker disabledDate="#{(current) => current.isBefore('2020-04-01')}" />
        </RenderType>
      </Field>
      <Field name="birthday" label="今天之前">
        <RenderType>
          <TimePicker 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>
          <TimePicker format="YYYY-MM-DD HH:mm:ss" allowCopy tips="这是时间"/>
        </RenderType>
      </Field>
    </Fields>
  </Detail>

  <Table model="trantor_doc_Person" dataCondition="">
    <Fields>
      <Field name="name" />
      <Field name="birthday" />
    </Fields>
  </Table>
</View>

注意：当前例子为0.17.x 版本