jQuery Datepicker Format Example
Example 1:
<!DOCTYPE html>
<html>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$("#datepickid").datepicker({ dateFormat: "dd/mm/yy" })
});
</script>
<body>
<form action="#" method="post">
Date of Birth: <input type="text" id="datepickid" name="birthday">
</form>
</body>
</html>Example 2 : No need to any jQuery library,
<!DOCTYPE html>
<html>
<body>
<form action="#" method="post">
Date of Birth: <input type="date" id="datepickid" name="birthday">
</form>
</body>
</html>