Question

如何将输入类型“text”屏蔽为日期？我希望它被格式化为dd-mm-yyyy，并且每当到达正确的位置时它都会添加斜杠，所以如果我输入30111970，它会自动插入相应位置（当你键入时）：

30/11/1970

我目前正在使用模式，但我不知道如何添加斜杠。这是dd-mm-yyyy格式的模式：

(0[1-9]|1[0-9]|2[0-9]|3[01]).(0[1-9]|1[012]).[0-9]{4}

Answer 1

使用HTML5，您只需使用日期输入类型：

<input type="date" name="somename" id="someid">

或者如果您想要手动输入，您可以尝试以下操作：

<input
    type="text"
    name="date"
    placeholder="dd/mm/yyyy"
    onkeyup="
        var v = this.value;
        var regex=/^[a-zA-Z]+$/;
        if (!v.match(regex))
        {
             alert('Must input date or number');
             return false;
        }
        if (v.match(/^\d{2}$/) !== null) {
            this.value = v + '/';
        } else if (v.match(/^\d{2}\/\d{2}$/) !== null) {
            this.value = v + '/';
       }"
    maxlength="10"
>

输入类型文本作为带斜杠的格式化日期

1 个答案: