只允许用户输入时间格式答案

【问题标题】：just allow user to enter in time format只允许用户输入时间格式
【发布时间】：2020-09-10 23:03:39
【问题描述】：

我在asp项目中有这个：

长度是从开始到结束时间计算的小数，现在我将其更改为根据长度输入更改结束时间。所以现在我需要不允许用户以这种格式输入任何内容 hh:mm 我该怎么做？

【问题讨论】：

标签： javascript asp.net model-view-controller

【解决方案1】：

您需要为输入制作一个遮罩，以防您能够使用 iMask 并且您可以执行类似的操作。

let element = document.getElementById('test')
var momentFormat = 'HH:mm';
var momentMask = IMask(element, {
  mask: Date,
  pattern: momentFormat,
  lazy: false,
  min: new Date(1970, 0, 1),
  max: new Date(2030, 0, 1),

  format: function (date) {
    return moment(date).format(momentFormat);
  },
  parse: function (str) {
    return moment(str, momentFormat);
  },

  blocks: {
    HH: {
      mask: IMask.MaskedRange,
      from: 0,
      to: 23
    },
    mm: {
      mask: IMask.MaskedRange,
      from: 0,
      to: 59
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/imask/6.0.5/imask.min.js"></script>
<input type="text" id="test"/>

【讨论】：