How to use data-mask in textbox format(dd/mm/yyyy)

Question

Hi, I am face problem in data-mask in textbox format(dd/mm/yyyy) . please can anyone give solution ..

saleem usmani · Answer

thanks for reply , but in this situation only after dd add '/' mm add '/' yyyy add '/' but i want to when enter more then month like i am enter 22/22/2222 show the error because this formate wrong right format is 22/12/2222 In case of only accept blow and equal to12 please give any solution..............

Sanjeeb Sapkota · Answer

here is sample code for your solution: type= "text" name= "date" placeholder= "dd/mm/yyyy" onkeyup=" var v = this .value; if (v.match(/^\d{2}$/) !== null ) { this .value = v + '/' ; } else if (v.match(/^\d{2}\/\d{2}$/) !== null ) { this .value = v + '/' ; }" maxlength= "10" >

Sujit Sahoo · Answer

Try this Code:- Date: "txtDate" runat= "server" > "text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" > "text/javascript" src= "https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.js" > "text/javascript" > $(document).ready( function () { $( '#txtDate' ).mask( "99/99/9999" , { placeholder: 'DD/MM/YYYY' }); });

Jaganathan Bantheswaran · Answer

I am not sure how you have tried. But this should work for you, input type = "text" required = "" pattern = "(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\d\d" value = "" > Reference: http://html5pattern.com/Dates

How to use data-mask in textbox format(dd/mm/yyyy)

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (4)