JQuery DataPicker add on the
<p>I want to put datepicker on my Application . Can you guys please help me?. I don't have much knowledge on JQuery . Do I need add any Extra Plugin for that or Just type put only the coding??.This is the coding I using for that.</p>

<pre><code>    &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
    &lt;%@include file="header.jsp"%&gt;
    &lt;head&gt;
     &lt;script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
    $('#example6').datetimepicker({
    showSecond: true,
    timeFormat: 'hh:mm:ss',
    stepHour: 2,
    stepMinute: 10,
    stepSecond: 10
});
    &lt;/script&gt;
    &lt;/head&gt;
    &lt;div id="templatemo_content_right"&gt;
     &lt;h1&gt;Login Form&lt;/h1&gt;
        &lt;center&gt;
            &lt;form action="LoginServlet" method="POST" id="theform" name="theform"&gt;
                &lt;table cellspacing="20" cellpading="10"&gt;
                    &lt;tr&gt;
                        &lt;td&gt;Department Id:&lt;/td&gt;
                        &lt;td&gt;&lt;input type="text" name="departmentId" id="userName"/&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td&gt;Department Name:&lt;/td&gt;
                        &lt;td&gt;&lt;input type="password" name="departmentName" id="password"/&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                      &lt;tr&gt;
                        &lt;td&gt;Department Name:&lt;/td&gt;
                        &lt;td&gt;&lt;input type="password" name="departmentName" id="password"/&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                     &lt;tr&gt;
                        &lt;td&gt;Appointed Date:&lt;/td&gt;
                        &lt;td&gt;&lt;input id="example6" type="text"&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td&gt;&lt;input type="submit" value="Login"/&gt;&lt;/td&gt;
                    &lt;/tr&gt;


                &lt;/table&gt;



            &lt;/form&gt;
        &lt;/center&gt;

        &lt;div class="cleaner_with_height"&gt;&amp;nbsp;&lt;/div&gt;

    &lt;/div&gt; &lt;!-- end of content right --&gt;
    &lt;%@include file="footer.jsp" %&gt;
&lt;/html&gt;
</code></pre>
