Question

我正在使用材质UI UI KeyboardDateTimePicker渲染日期和时间选项。

代码：

          <div>
              <MuiPickersUtilsProvider utils={DateFnsUtils}>
                <KeyboardDateTimePicker
                  disablePast
                  value={this.state.Starttime}
                  onChange={(event) =>
                    this.props.handleStart(event)
                  }
                  format="yyyy/MM/dd HH:mm"
                />
              </MuiPickersUtilsProvider>
            </div>

进口：

import DateFnsUtils from "@date-io/date-fns"; 
import {
  DatePicker,
  TimePicker,
  DateTimePicker,
  MuiPickersUtilsProvider,
  KeyboardDatePicker,
  KeyboardDateTimePicker,
} from "@material-ui/pickers";

已处理：

 handleStart = (date) => {
    const mode = { ...this.state.StartTime};
    mode["endTime"] = date; //////////////////////////////// I AM SETTING DATA HERE
    this.setState({ Mode: mode });
    };

当我选择2020年7月20日凌晨1点时，我的价值为7月19日晚上8点。

在React中：2020年7月20日星期一格林尼治标准时间
在Java API中我得到：2020-07-19T19：35：00.000Z

我必须处理时区问题吗？我是否将日期设置为无效格式（格式=“ yyyy / MM / dd HH：mm”），我是否需要在处理程序中设置不同的数据？

KeyboardDateTimePicker材质UI日期和时间问题React

0 个答案: