1. 程式人生 > >Ant Design Pro,用setFieldsValue方法,給巢狀到Form表單中的DatePicker元件設定預設值

Ant Design Pro,用setFieldsValue方法,給巢狀到Form表單中的DatePicker元件設定預設值

 其實用setFieldsValue或者獲取setState方法都可以設定DatePicker的預設值。

setState方法:

<FormItem label="日期選擇框">
    {getFieldDecorator('date', {
        initialValue: moment("自定義預設日期", 'YYYY-MM-DD'),
    })(
        <DatePicker format={'YYYY-MM-DD'} />
    )}
</FormItem>

setFieldsValue方法:

this.props.form.setFieldsValue({
    "date": moment("自定義預設日期", 'YYYY-MM-DD')
})

<FormItem label="日期選擇框">
    {getFieldDecorator('date', {
        rules: [{ required: true }],
    })(
        <DatePicker format={'YYYY-MM-DD'} />
    )}
</FormItem>