提供医生输入手术记录的html表单,需要让医生输入日期,很多日期输入的格式参差不齐,例如2020-1-1或是2020-3-04等,以至于统计数据时产生不便。希望改成当光标离开input表格时能自动做出修改,需要的格式为YYYY-MM-DD。
1.首先定义文本框标签。
在input部分需要使用οnblur=“message(this)”,表示当光标离开input文本框时呼叫message函数。
2.接下来写入function。
<script>
var Object;
var inp = document.getElementById("inp")
function message(obj){
var i;
Object = obj;
var year,month,day;
year=obj.value.substring(0,obj.value.indexOf("-"));
obj.value=obj.value.substring(obj.value.indexOf("-")+1,obj.value.length)
month=obj.value.substring(0,obj.value.indexOf("-"))
if(month.length<2){month="0"+month;}
obj.value=obj.value.substring(obj.value.indexOf("-")+1,obj.value.length)
day=obj.value.substring(0,obj.value.length)
//day=obj.value.substring(obj.value.indexOf("-")+1,obj.value.length)
if(day.length<2){day="0"+day;}
obj.value=obj.value.substring(obj.value.indexOf("-")+1,obj.value.length)
obj.value=year+"-"+month+"-"+day;
}
</script>
其中,substring用于切割并提取字符串,语法为stringObject.substring(start,stop)。
3.结果展示
当点击空白处,日期会自动格式化。
参考来源:https://blog.csdn.net/firstaking/article/details/1782440
(博主内容更为详尽,包含年月日及时分秒,内容也更丰富,大家可以移步参考~)