如何在antd的TimePicker对象上应用UTC+3的情况下发送日期

Question

我在里面定义了Form.Item和TimePicker。我用这个表单发送POST，但当我发布16:35时，它发送了13:35。它不计算UTC偏移量。CreationTime运行良好，因为它使用Date.now((方法。如何在应用UTC+3的情况下发布日期。

<Modal visible={visible} cancelText={L('Cancel')} okText={L('OK')} onCancel={onCancel} onOk={onCreate} title={'Leave'} destroyOnClose={true}>
<Form ref={this.props.formRef}>
<Tabs defaultActiveKey='userInfo' size='small' tabBarGutter={64}>
<TabPane tab={L('Leave Day')} key='leaveDay'>
<Form.Item label={L('Leave Date')} {...formItemLayout} name='leaveDate' rules={rules.leaveDate as []}>
<DatePicker />
</Form.Item>
</TabPane>
<TabPane tab={L('Leave Time Range')} key='leaveTimeRange'>
<Form.Item label={L('Start Time')} {...formItemLayout} name='leaveStartTime' rules={rules.leaveStartTime as []}>
<TimePicker />
</Form.Item>
<Form.Item label={L('End Time')} {...formItemLayout} name='leaveEndTime' rules={rules.leaveEndTime as []}>
<TimePicker />
</Form.Item>
<Form.Item name='leaveState' initialValue={0} />
<Form.Item name='creationTime' initialValue={(new Date(Date.now())).toLocaleString()} />
</TabPane>
</Tabs>
</Form>
</Modal>

Answer 1

TimePicker和DatePicker使用momentjs。将Dto的数据类型从Date更改为Moment，并将utc属性false更改为true。

@action
async create(createLeaveInput: CreateOrUpdateLeaveInput) {
createLeaveInput.leaveDate.utc(true);
createLeaveInput.leaveStartTime.utc(true);
createLeaveInput.leaveEndTime.utc(true);
const result = await leaveService.create(createLeaveInput);
this.leaves.items.push(result);
}