出生日期输入掩码反应答案

【问题标题】：date of birth input mask react出生日期输入掩码反应
【发布时间】：2017-08-25 20:08:03
【问题描述】：

输入掩码用于用户的出生日期。这可行，但是，我遇到的问题是用户可以在输入框中输入54/54/2017。我想防止这种情况。我可以做到这一点的一种方法是，如果小于10，则在第一个输入之前输入0。但是，如果是 12，则将 0 放在首位。

有谁知道我可以解决这个问题的方法吗？

我的代码如下：

import InputMask from 'react-input-mask';

class Date extends Component {

  constructor(props) {
    this.state = {
        date_of_birth: ''   
    };
    this.handleDateOfBirth = this.handleDateOfBirth.bind(this);   

  }

  handleDateOfBirth(e) {

    this.setState({
      date_of_birth: e.target.value
    });

    }


  render() {
    const = {this.state};
    return <InputMask value={date_of_birth} mask="99/99/9999" onChange={this.handleDateOfBirth} />;
  }

}

【问题讨论】：

标签： javascript reactjs input input-mask

【解决方案1】：

在设置日期值之前，您最好尝试解析日期对象中的字符串，例如

var valid_date = new Date(e.target.value)

如果您使用此响应的日期无效，这将返回“无效日期”响应，您可以放置一个 if 条件并阻止进一步的操作

希望这会有所帮助:)

【讨论】：