HTML ＜input＞中用JavaScript将日期进行格式化

提供医生输入手术记录的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

（博主内容更为详尽，包含年月日及时分秒，内容也更丰富，大家可以移步参考~）