javascript - 有没有办法禁用输入/粘贴到日期输入，只允许用户从 AntD 中的日期选择器中选择？

Question

有没有办法禁用输入/粘贴到日期输入，只允许用户从 AntD 中的日期选择器中选择？禁用也不起作用。我已经浏览了我以这种方式尝试过的文档

import { DatePicker } from 'antd';

...

handleDateChange = (e) => {
  e.preventDefault();
}

...

render() {
  ...
  <DatePicker onChange={this.handleDateChange} ... />
  ...
}

这样，即使通过选择器面板，它也会停止获取输入值。

标签： javascriptreactjsdatepickerantd

Answer 1

对于antd 日期选择器，需要dispaly: none在ant-calendar-input-wrap类中设置。

样式.css。（你只需要在你的.css文件中添加这个 css）

.ant-calendar-input-wrap {
  display: none;
}

应用程序.js

 render() {
    return (
      <div className="App">
        <DatePicker  />
      </div>
    );
  }