react+vant的 datetimepicker如何手动设置值

在React Vant的DateTimePicker组件中，手动设置日期和时间通常涉及到组件的`value`属性。Vant DateTimePicker允许你直接设置当前日期时间或者日期字符串。

首先，你需要安装Vant库，如果你还没有安装，可以使用npm或yarn:

npm install vant vant-datetime-picker
# 或者
yarn add vant vant-datetime-picker

接下来，在你的组件中导入DateTimePicker，并实例化它，并设置初始值。这里是一个简单的例子：

import { DateTimePicker, Text } from 'vant';

class MyComponent extends React.Component {
  state = {
    selectedDateTime: new Date(), // 默认值可以设为你想要的日期时间
  };

  handleSelect = (val) => {
    this.setState({ selectedDateTime: val });
  };

  render() {
    const { selectedDateTime } = this.state;

    return (
      <div>
        <DateTimePicker value={selectedDateTime} onChange={this.handleSelect} />
        <Text>{selectedDateTime.toLocaleString()}</Text> {/* 显示选中的日期和时间 */}
      </div>
    );
  }
}

在这个示例中，`value`属性用于设置当前选择的日期时间，`onChange`事件会在用户选择新的日期时间时触发，更新状态并显示在`Text`元素中。

如果你想设置具体的日期字符串，可以传递一个包含年、月、日、小时、分钟和秒的对象，例如：

handleSelect({
  year: 2023,
  month: 6,
  day: 5,
  hour: 15,
  minute: 30,
  second: 0,
});