在用户输入时，使用JS在文本字段中添加日期月份和年份之间的“/”。 [英] Add '/' in between day month and year in text fields with JS while user typing.

查看：124
本文介绍了在用户输入时，使用JS在文本字段中添加日期月份和年份之间的“/”。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述



在用户输入时用JS在文本字段中添加日期和年份之间的''/'。

我想在日之间添加/用户输入日期时自动显示月份和年份。



聪明：



02/12/1989



在此以上我必须在输入2后自动添加/并且如果小于10则还要添加0。



谢谢和问候，

sanjeev

解决方案

您可以使用屏蔽文本框进行日期输入。它将自动格式化。

请遵循以下代码：


（' .date_input'）。 delegate （ input.date:text， ' keypress'，function（e）{
var char = getChar（e || window。 event ）;
if （ char ！= / ）
{
此。值 + = _;
return 假;
}
}）;

函数getChar（ event ）{
if （ event .which == null ）{
return 字符串 .fromCharCode（ event .keyCode） / / IE
} else if （ event .which！= 0 && event .charCode！= 0 ）{
return < span class =code-sdkkeyword> String .fromCharCode（ event .which） // 其余
} 其他 {
return null // 特殊键
}
}


您可以使用此解决方案：

 <   html     xmlns   =  http：/ /www.w3.org/1999/xhtml\">  
 <   head     runat   =  server >  
 <   title  >  <   / title  >  
 <   script     type   =  text / javascript >  
 
函数CheckDate（e，Id）{
 if（e.keyCode <     48     ||     e.keyCode    < span class =code-keyword>>  57）{
 return false; 
} 
 else {
 return true; 
} 
} 
 
函数ChangeDate（e，txtId）{
 
 var txt = document.getElementById（txtId）
 var Date = txt.value.toString（）; 
 var Date2 =日期; 
 
 if（Date.length == 8）{
 Date = Date2.charAt（0）+ Date2.charAt（1）+/; 
日期+ = Date2.charAt（2）+ Date2.charAt（3）+/
日期+ = Date2.charAt（4）+ Date2.charAt（5）+ Date2.charAt（6 ）+ Date2.charAt（7）; 
} 
 else 
 Date =; 
 txt.value =日期; 
返回false; 
} 
 var idText = 0; 
函数MakeDateField（）{
 
 var divRegion = document.getElementById（'divDateRegion'）; 
 var newDate = document.createElement（'input'）; 
 newDate.setAttribute（type，text）; 
 newDate.setAttribute（id，idText ++）; 
 newDate.setAttribute（onkeypress，javascript：return CheckDate（event，this.id））; 
 newDate.setAttribute（onblur，javascript：return ChangeDate（event，this.id））; 
 divRegion.appendChild（newDate）; 
} 
 <   / script  >  
 <   / head  >  
 <   body  >  
 <  表格    id   =  form1    runat   =  server >  
 <   div     id   =  divDateRegion >  
 <   / div  >  
 <   input    类型  = 按钮    onclick   =  javascript：MakeDateField（）    name   =  date    value   = 创建日期字段    /  >  
 <   / form  >  
 <   / body  >  
 <   / html  >


Hi,
Add ''/'' in between day month and year in text fields with JS while user typing.
I want to add / in between day,month and year automatically while user entering date.

like wise:

02/12/1989

in this above i have to add / automatically after entering 2 and want to add ''0'' also if there is less than 10.

Thanks and regards,
sanjeev

解决方案

You can use masked text box for date input. It will format automatically.
Please follow this code:


('.date_input').delegate("input.date:text", 'keypress', function (e) {
    var char = getChar(e || window.event);
    if (char != "/")
    {
        this.value += "_";
        return false;
    }
});

function getChar(event) {
  if (event.which == null) {
    return String.fromCharCode(event.keyCode) // IE
  } else if (event.which!=0 && event.charCode!=0) {
    return String.fromCharCode(event.which)   // the rest
  } else {
    return null // special key
  }
}

You can use this solution:


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">

        function CheckDate(e, Id) {
            if (e.keyCode < 48 || e.keyCode > 57) {
                return false;
            }
            else {
                return true;
            }
        }

        function ChangeDate(e, txtId) {

            var txt = document.getElementById(txtId)
            var Date = txt.value.toString();
            var Date2 = Date;

            if (Date.length == 8) {
                Date = Date2.charAt(0) + Date2.charAt(1) + "/";
                Date += Date2.charAt(2) + Date2.charAt(3) + "/"
                Date += Date2.charAt(4) + Date2.charAt(5) + Date2.charAt(6) + Date2.charAt(7);
            }
            else
                Date = "";
            txt.value = Date;
            return false;
        }
        var idText = 0;
        function MakeDateField() {

            var divRegion = document.getElementById('divDateRegion');
            var newDate = document.createElement('input');
            newDate.setAttribute("type", "text");
            newDate.setAttribute("id", idText++);
            newDate.setAttribute("onkeypress", "javascript:return CheckDate(event,this.id)");
            newDate.setAttribute("onblur", "javascript:return ChangeDate(event,this.id)");
            divRegion.appendChild(newDate);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="divDateRegion">
      </div>
    <input type="button" onclick="javascript:MakeDateField()" name="date" value="Create Date Field" />
    </form>
</body>
</html>


                        
这篇关于在用户输入时，使用JS在文本字段中添加日期月份和年份之间的“/”。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

                        
                    

                    

                        查看全文
                    

                

				

                            
                        

                

            

        

        

            



        

        

            
相关文章

            
        

        

            



        

    

    

        

            
其他开发语言最新文章

            
        

        

            

                热门教程
            

            
        

        

            

                热门工具
            

            
        

        
    




    



    

        

            登录
            关闭
        

        

            

                扫码关注1秒登录
            

            

                
            

            

                
                
            

            

                发送“验证码”获取
                |
                15天全站免登陆