在 React js 中单击日历打开没有文本字段的日期选择器对话框

Question

我正在研究 React，我是 React 的新手。我必须打开一个日期选择器对话框，我正在使用 react-datepicker 但这带有一个文本字段，点击该文本字段时 piker 打开我想要这个没有文本字段，当我点击一个此日历应弹出的日历图像。

默认情况下，DatePicker 使用 TextFiled 显示的是这张图片。我不要。

Answer 1

您可以使用 customInput 属性

    () => {
  const [startDate, setStartDate] = useState(new Date());
  const ExampleCustomInput = ({ value, onClick }) => (
    <button className="example-custom-input" onClick={onClick}>
      {value}
    </button>
  );
  return (
    <DatePicker
      selected={startDate}
      onChange={date => setStartDate(date)}
      customInput={<ExampleCustomInput />}
    />
  );
};