如何从 react.js 中的 react-flatpickr 获取价值答案

【问题标题】：How to get value from react-flatpickr in react.js如何从 react.js 中的 react-flatpickr 获取价值
【发布时间】：2022-11-11 12:47:57
【问题描述】：

我正在尝试从react-flatpickr 获取日期 onChange， Docs 建议这样做

const { date } = this.state;
    return (
      <Flatpickr
        data-enable-time
        value={date}
        onChange={date => {
          this.setState({ date });
        }}

但是我将 useState 用于其他输入，并且不想按照他们的解释进行操作。这就是我想要得到的

     <FormGroup>
       <Label className="py-1">Select Date</Label>
          <Flatpickr
            defaultValue={new Date()}
            data-enable-time
            name="goodsreadyby"
            className={classnames('form-control')}
            onChange={(e) => {setNewDate({e})}}
             />
         </FormGroup>

但我从这种方法中获得了undefined 的价值。有人知道如何解决吗？

【问题讨论】：

尝试在 onChange 中使用 console.log(e) 或 console.log(e.target.value) 看看你有什么，我也注意到你错过了 Flatpickr 上的 value 属性
使用defaultValue={new Date()} 来实现价值，做同样的事情，用另一种方式尝试同样的结果，它给出了未定义的值，

标签： reactjs

【解决方案1】：

onChange 事件将被添加到选项中，然后它可以工作

常量选项={ onChange:(selectedDates, dateStr, 实例）=>警报（dateStr） }

 <Flatpickr  options={options} />

【讨论】：