tsx中<a-range-picker/>获取时间参数

<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');

おすすめ

転載: blog.csdn.net/qq_45989814/article/details/121003838