avatar
auto fill slash in date of birth TypeScript
export default class RegisterForm extends Component {
  private keyBackspace;
  constructor(cmp: HTMLElement) {
    super(cmp);
    this.keyBackspace = 1;
    this.bindEvents();
  }

  private bindEvents = (): void => {
    this.$dob.on('input', this.btnStateHandler);
    this.$dob.bind('keyup', 'keydown', (event) => {
      this.keyBackspace = event.which;
    });
  } 

  private btnStateHandler = (): void => {
    if (dob.length > 0) {
      const c = dob.substr(-1);
      if (dobRegex.test(c)) {
        if (this.keyBackspace !== 8) {
          if (dob.length === 2 || dob.length === 5) {
            dob += '/';
          }
          this.$dob.val(dob);
        }
      } else {
        this.$dob.val(dob.slice(0, -1));
      }
    }
  }
}
24
min - max date of birth force user enter date of birth
You need to login to do this manipulation!