It's very easy to use jquery date-timer picker in webpages. Here is a very simple way on how to do this. I'm going to create a html file that will demonstrate this   so, first of all, create a html file and give it a name. In the header section of the html file, add the following link   <link rel="stylesheet" href="jquery-ui-1.8.6.custom.css" type="text/css">   Download this css file from here  and put it in the current directory.   Create a folder in the current directory and give it name 'images'. Download this file  and put it in the images folder.   Now, add the following css code in the header   <style type="text/css">  .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }  .ui-timepicker-div dl{ text-align: left; }  .ui-timepicker-div dl dt{ height: 25px; }  .ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }  .ui-timepicker-div td { font-size: 90%; }  </style>    Now, download these three files fr...