用两位数更新输入 (type="Number")

Question

我正在尝试使用纯 Javascript（如果可能，不要使用 jquery）。 我需要更新输入框的值，使其看起来像这样：01。我的用例是用于 MM 和 DD 输入框（主要是为了美观）。使用输入轮时，它会随着1、2 的增加而增加……我希望它像这样增加：01、02……

Answer 1

感谢@Daemedeor 将我带到这里：

这会将类型更改为 text 并在模糊前添加 0。在焦点上，它会将text 类型更改回number 类型并删除前导0。您所要做的就是设置输入的样式，这样它们就不会改变宽度。

    (function() {
      var monthInput = document.getElementById('month');
      var dayInput = document.getElementById('day');

      var prependZero = function() {
        if (this.value === '') return;

        event.target.setAttribute('type', 'text');
        if (this.value.indexOf('0') === -1  && this.value.length !== 2) this.value = '0' + this.value;
      };

      var removeZero = function() {
          this.value = this.value.split('0')[1];
          this.setAttribute('type', 'number');
      };

      dayInput.addEventListener('blur', prependZero, false);
      dayInput.addEventListener('focus', removeZero, false);
      monthInput.addEventListener('blur', prependZero, false);
      monthInput.addEventListener('focus', removeZero, false);
    })();