Question

我想把datepicker放在我的应用程序上。你能帮帮我吗？我对JQuery知之甚少。我是否需要为此添加任何额外插件或只输入只放置编码??这是我使用的编码。

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


                </table>



            </form>
        </center>

        <div class="cleaner_with_height">&nbsp;</div>

    </div> <!-- end of content right -->
    <%@include file="footer.jsp" %>
</html>

Answer 1

您需要添加jQuery UI脚本：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>

在jQuery脚本标记之后添加它。

Answer 2

在jQuery和脚本的加载之间，你需要加载插件。或者我错过了什么。此外，为了将来参考，如果您遇到问题，请创建jsfiddle

JQuery DatePicker添加了

2 个答案: