有没有办法禁止在日期输入中输入/粘贴，而只允许用户从 AntD 的日期选择器中进行选择？

IT技术 javascript reactjs datepicker antd
2021-05-07 00:07:47

有没有办法禁止在日期输入中输入/粘贴，而只允许用户从 AntD 的日期选择器中进行选择？禁用也不起作用。我已经通过这种方式尝试过的文档

import { DatePicker } from 'antd';

...

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

...

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

这样，即使通过选择器面板，它也只是停止了输入值。

1个回答

对于antd 日期选择器，您需要dispaly: none在ant-calendar-input-wrap课堂上进行设置。

antd-datepicker

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

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

应用程序.js

 render() {
    return (
      <div className="App">
        <DatePicker  />
      </div>
    );
  }
其它你可能感兴趣的问题
上一篇styled() 中 shouldForwardProp 选项的目的是什么？ 下一篇Mobx 可观察数组未更新