Input type auto format date dd mm yyyy using jQuery

June 28 2022 by Admin 5577 Views

In this article, we will explain how to set auto format date dd/mm/yyyy using jQuery

In this article, we will explain how to set auto format date dd/mm/yyyy using jQuery. In this example we have set auto date format using keyup event . you can see below code.

HTML

<html>

<head>

<title>Input type auto format date dd/mm/yyyy using JavaScript</title>

</script>

$(document).ready(function () {

$("input[id*='txtDate']:first").keyup(function (e) {

var key = String.fromCharCode(e.keyCode);

if (!(key >= 0 && key <= 9)) $(this).val($(this).val().substr(0, $(this).val().length - 1));

var value = $(this).val();

if (value.length == 2 || value.length == 5) $(this).val($(this).val() + '/');

});

</script>

</head>

<body>

</form>

</body>

</html>

Demo

Home > JQuery > Input type auto format date dd mm yyyy using jQuery

Input type auto format date dd mm yyyy using jQuery

Comments

Leave a Reply

Comment:^*

Please your Comment !

Email ID:^*

Enter Your Email Id ! Enter Your Validate Email Id !

Name:^*

Enter your Name !

Techonogy

Information

Tags

Email Alerts