代码之家  ›  专栏  ›  技术社区  ›  Afaq Ahmed Khan Hong Tang

有没有一种方法可以禁用在日期输入中键入/粘贴,并且只允许用户从AntD中的日期选择器中进行选择?

  •  1
  • Afaq Ahmed Khan Hong Tang  · 技术社区  · 5 年前

    有没有一种方法可以禁用在日期输入中键入/粘贴,并且只允许用户从AntD中的日期选择器中进行选择?禁用也不起作用。我经历了 documentation

    import { DatePicker } from 'antd';
    
    ...
    
    handleDateChange = (e) => {
      e.preventDefault();
    }
    
    ...
    
    render() {
      ...
      <DatePicker onChange={this.handleDateChange} ... />
      ...
    }
    

    这样,即使通过picker面板,它也不再接受输入值。

    0 回复  |  直到 5 年前
        1
  •  0
  •   blueseal    5 年前

    为了 antd date picker ,你需要设置 dispaly: none 在里面 ant-calendar-input-wrap

    antd-datepicker

    样式.css . (您只需将此css添加到 .css 文件)

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

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