jQuery

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>

Leave a Reply

Your email address will not be published. Required fields are marked *

× How can I help you?