DatePicker

日期选择器

RenderType 包含 DatePicker 和 DateRangePicker

API

参数	说明	类型	默认值
initValue	初始值	Unix时间戳	-
allowCopy	是否可复制（展示态可用）	boolean	false
tips	提示（展示态可用）	string	-
format	时间格式化	string	-
disabledDate	配置不可选日期	(current: moment) => boolean	-
disabledTIme	配置不可选时间	见下方disabledTime定义	-
showTime	增加时间选择功能	Object ｜ boolean	-
canSwitchMode	搜索选择日期段可切换日期选择模式	boolean	false

disabledTime?: (
    current: moment.Moment
  ) => {
    disabledHours?: () => number[];
    disabledMinutes?: () => number[];
    disabledSeconds?: () => number[];
  };

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

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

用法

<View title="DatePicker">
  <Record key="person" model="trantor_doc_Person" />

  <Form model="trantor_doc_Person" title="编辑态">
    <Fields>
      <!-- TimePicker无效（没有model）initValue无效  -->、
      <Field name="birthday" label="DatePicker" :initValue="new Date('2020-04-02').getTime()">
        <RenderType>
          <DatePicker />
        </RenderType>
      </Field>
      <Field name="birthday" label="2020-03-01至2020-5-01之间">
        <RenderType>
          <DatePicker @disabledDate="(current) => current.isBefore('2020-03-01') || current.isAfter('2020-5-01')" />
        </RenderType>
      </Field>
      <Field name="birthday" label="2020-04-01之后">
        <RenderType>
          <DatePicker @disabledDate="(current) => current.isBefore('2020-04-01')"
            @disabledTime="
            (current) => {
              disabledHours: () => [1,2,3];
              disabledMinutes: () => [50,51,52,60];
              disabledSeconds: () => [50,51,52,60];
          }" />
        </RenderType>
      </Field>
      <Field name="birthday" label="今天之前">
        <RenderType>
          <DatePicker @disabledDate="(current) => current.isAfter(new Date().getTime())" />
        </RenderType>
      </Field>
    </Fields>
  </Form>

  <Detail model="trantor_doc_Person" lookupFrom="person"  title="展示态">
    <Fields>
      <Field name="birthday" label="日期">
        <RenderType>
          <DatePicker format="YYYY-MM-DD" tips="这是日期"/>
        </RenderType>
      </Field>
    </Fields>
  </Detail>

  <Table model="trantor_doc_Person" related="person:person.department.staff"  title="搜索态">
    <Search>
      <Fields>
        <Field name="birthday" label="日期">
          <RenderType>
            <DateRangePicker />
          </RenderType>
        </Field>
      </Fields>
    </Search>
    <Fields>
      <Field name="name" />
      <Field name="birthday" />
    </Fields>
  </Table>
</View>