<a-form form={this.searchForm} class={styles.query}>
<a-row>
<a-col span={8}>
<a-form-item label='时间' label-col={
{ span: 4 }} wrapper-col={
{ span: 19 }}>
{this.searchForm.getFieldDecorator('time', {
initialValue: [moment().add({ day: -1 }), moment()], //初始时间
rules: [{ required: false }],
})(<a-range-picker format='YYYY-MM-DD HH:mm:ss' allowClear={false} />)}
</a-form-item>
</a-col>
</a-row>
</a-form>
created() {
this.searchForm = this.$form.createForm(this, { name: 'search_form' });
}
用getFieldDecorator将控件包装越来后,就可以用searchForm来获取字段了,如下:
// 时间参数
let formParams = this.searchForm.getFieldsValue();
console.log('formParams', formParams);
const dateStart = formParams.time[0].format('yyyyMMDDHHmmss');
const dateEnd = formParams.time[1].format('yyyyMMDDHHmmss');