时间戳

首页 > 解决方案 > 您如何使用 javascript 自动将“/”添加到 mmyyyy 格式的日期？

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

问题描述

enter code here我拥有的所有代码都是 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，因为我没有工作过。

标签： javascript

解决方案

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

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>

推荐阅读