Jquery

Unknown | 12:23 PM
//----------------------------JQUERY  DATEPICKER-------------------------

//   files  two files are required for this datepicker
//  1.           jquery.datepick.css
//  2.           jquery.datepick.css

download these two files from :

1.    http://keith-wood.name/js/jquery.datepick.js
2.   http://keith-wood.name/css/jquery.datepick.css
and put these files in your directory    

<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Date Picker </title>
 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.datepick.css">
<script type="text/javascript" src="jquery.datepick.js"></script>
</head>
<body>
<input type="text" id="datepicker" placeholder="Choose Date">

<script>
   $('#datepicker').datepick({dateFormat: 'yyyy-mm-dd'}); 
    // you can change the date format according to your need
    // and date format is optional you can do this task by just
    // $('#datepicker').datepick(); 
</script> 
</body>
</html>

No comments:

Post a Comment

Avinash Kumar Singh © 2013. All Rights Reserved | Powered by-Blogger