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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值