Follow by Email

Friday, March 28, 2014

Using Javascript to create a Datatime picker control in Html

hi in this post lets c how to create a datetime picker in html using Javascript.

1. download the js file using this url.

http://www.javascriptkit.com/script/script2/datetimepick.zip

2. After u download this extract the zip file and after extracting add the .js and image files into your project.

3. Below is the implementation code, you can also get the sample code in the zip file downloaded.

<!DOCTYPE html>
<html>
<head>

<script language="javascript" type="text/javascript" src="datetimepicker.js">
</script>

</head>
<body>
 
<input type="Text" id="date1" maxlength="25" size="25">

Select a Date : <a href="javascript:NewCal('date1','ddmmmyyyy',true,24)"><img src="images/cal.gif" width="20" height="18"></a>

</body>
</html>

4. Output: