javascript - 如何使用 javascript 自动将 '/' 添加到 mmyyyy 格式的日期中？

Question

在此处输入代码我拥有的所有代码均用于 HTML 页面，该页面创建一个文本区域以输入信用卡的到期日期。我无法获得在月份“mm”和年份“yyyy”之间自动插入斜杠“/”的酷功能。

//in HTML
Card Expiration: <input type="month" id="exp" name="expiredt" placeholder="XX/XXXX" maxlength="7">
                 <script src="addSlash.js"></script>

我没有任何 JS 来做这件事，因为我什么也没做。

Answer 1

这应该会实时更新。请记住正确验证输入。

function addSlashes (element) {
	
    let ele = document.getElementById(element.id);
    ele = ele.value.split('/').join('');    // Remove slash (/) if mistakenly entered.
    if(ele.length < 4 && ele.length > 0){
        let finalVal = ele.match(/.{1,2}/g).join('/');

        document.getElementById(element.id).value = finalVal;
    }
}

<input id="dateInput" onkeyup="addSlashes(this)" maxlength=7>