首页 » JS » 正文

​antd TimePicker使用

antd的TimePicker使用方法,设置的defaultValue或value属性应为moment对象,onchange的时候format为标准时间('YYYY-MM-DD HH:mm:ss')后再赋予对应提交的字段。

export default class DetailComponent extends Component {
	state = {
		visit_time: null,
	}

	componentWillMount(){
		this.setState({
			visit_time: moment(res.visit_time, 'YYYY-MM-DD HH:mm:ss'),
		})
	}

	render = () => {
		return(
		<FormItem {...formItemLayout} label="回访时间">
		  {getFieldDecorator('visit_time', {
			initialValue: this.state.visit_time,
			rules: [{ type: 'object', required: false}],
		  })(
			<DatePicker style={{width: '50%'}} showToday={true} showTime={true}
				format={"YYYY-MM-DD HH:mm:ss"}
				placeholder={'请选择入驻时间'}
				onChange={(v) => this.setState({visit_time: v})}
			/>
		  )}
		</FormItem>
		)
	}

	handleReturnVisitSubmit = (e) => {
		e.preventDefault();
		this.props.form.validateFields({ force: true }, (err, values) => {
		  const params = {
			visit_time: moment(this.state.visit_time).format('YYYY-MM-DD HH:mm:ss'),
		  };
		  this.setState({ svcSettingSubmitting: true });
		  api.setServiceOrderReturnVisit(params).then((res) => {
			this.setState({ svcSettingSubmitting: false });
			if (res) {
			  message.success('提交成功!', 1);
			  this.props.form.resetFields();
			}
		  });
		});
	}
}

即,传入:moment(res.visit_time, 'YYYY-MM-DD HH:mm:ss')

    获取:moment(this.state.visit_time).format('YYYY-MM-DD HH:mm:ss')

本文共 1 个回复

发表评论