如何使用javascript在输入文本框中自动设置日期格式

在文本框中输入yyyyMMdd格式时，将自动更改为yyyy/MM/dd格式，例如：如果键入20180428，则将更改为2018/04/28

，使用内置JavaScript函数（如parseInt）将输入元素从字符串转换为整数，您可以使用辅助函数应用逻辑，以获得所需的日期格式。e、 g.如果日期值大于31，则默认返回1，以自动引导用户输入超过31天的日期

之后，通过使用Regex，您可以将用户的初始数据输入YYYYmmDD处理为您希望将其更改为YYYY/mm/DD的格式

我在下面找到了一个在线教程，概述了这一过程：

var date=document.getElementById'date'； 函数checkValuestr，max{ 如果str.charAt0！='0'| | str=='00'{ var num=parseIntstr； 如果isNaNnum | | num max num=1； str=num>parseIntmax.toString.charAt0&&num.toString.length==1？'0'+num:num.toString； }; 返回str； }; date.addEventListener'input'，函数E{ this.type='text'； var输入=此值； 如果/\D\/$/.testinput input=input.substr0，则input.length-3； var values=input.split'/'.mapfunctionv{ 返回v.replace/\D/g， }; 如果值[0]值[0]=checkValuevalues[0]，则为12； 如果值[1]值[1]=checkValuevalues[1]，则为31； var输出=values.mapfunctionv，i{ 返回v.length==2&&i<2？v+'/'：v； }; this.value=output.join.substr0，14； }; date.addEventListener'blur'，函数E{ this.type='text'； var输入=此值； var values=input.split'/'.mapfunctionv，i{ 返回v.replace/\D/g， }; var输出=； 如果values.length==3{ 变量年份=值[2]。长度！==4？parseIntvalues[2]+2000:parseIntvalues[2]； var月=parseIntvalues[0]-1； var day=parseIntvalues[1]； var d=新日期年、月、日； 如果！isNaNd{ document.getElementById'result'.innerText=d.toString； var日期=[d.getMonth+1，d.getDate，d.getFullYear]； 输出=dates.mapfunctionv{ v=v.toString； 返回v.length==1？'0'+v:v； }。加入“/”； }; }; 这个值=输出； }; html{ 框大小：边框框； 字体系列：“PT Sans”，无衬线； -webkit字体平滑：抗锯齿； } *, *：之前， *：之后{ 框大小：继承； } 身体{ 背景色：F3； } 形式{ 宽度：100%； 最大宽度：400px； 保证金：60像素自动； } 表单输入{ 字体大小：30px； 填充：0 20px； 边框：2个实心ccc； 宽度：100%； 颜色：666； 线高：3； 边界半径：7px； 字体系列：“PT Sans”，无衬线； 字体大小：粗体； } 表格输入：焦点{ 大纲：0； } 表单输入错误{ 边框颜色：ff0000； } 表单标签错误{ 背景色：ff0000； 颜色：fff； 填充：6px； 字体大小：11px； } 标签{ 颜色：999； 显示：块； 边缘底部：10px； 文本转换：大写； 字号：18px； 字体大小：粗体； 字母间距：0.05em } 小规模{ 颜色：888； 字号：1em； 边缘顶部：10px； 显示：块； 对齐自我：； } 日期 将日期输入为月/日/年

---

欢迎来到stackoverflow。考虑阅读这篇文章。尝试提供你迄今为止尝试过的例子。