为什么我的DateTimePicker时间控件用不了

申请休假

                            <tr >
                                <td align="right" width="30%">开始时间</td><td  align="left"><input type="text" name="item.startime" value="${item.startime}"  id="startime"/>
                                <input id="open" type="button" value="open"/><input id="close" type="button" value="close"/><input id="reset" type="button" value="reset"/>
                                </td>
                            </tr>
                            <tr >
                                <td align="right" width="30%">结束时间</td><td  align="left"><input type="text" name="item.endtime" value="${item.endtime }"  id="endtime"/>
                                <input id="opento" type="button" value="open"/><input id="closeto" type="button" value="close"/><input id="resetto" type="button" value="reset"/>
                                </td>
                            </tr>
                            <tr >
                                <td align="right" width="30%">请假天数</td><td  align="left"><input type="text" name="item.days" value="${item.days }"  id="days"/></td>
                            </tr>
                            <tr >
                                <td align="right" width="30%">请假原因</td><td  align="left"><textarea name="item.why"  id="why">${item.why }</textarea></td>
                            </tr>
                            <tr >
                                <td align="right" width="30%">审批人</td><td  align="left">
                                <select name="item.oaUser.id">

                                <c:forEach var="item" items="${oauserList }" varStatus="s">
                                <option value="${item.tbRole.id }" >${item.nickname}</option>

                                </c:forEach>


                                </select>

                                </td>
                            </tr>




                            <tr >
                                <td align="center" colspan="2"><br/><input type="button"  id="yesattend" value="提交申请"  /> <input type="button"  id="noattend" value="返回"/> </td>
                            </tr>

                            </table>
                            </form>
                    </div>
                </div>

$(function(){ $("#loginForm").validate({ rules:{ "item.startime":"required", "item.endtime":"required", "item.days":{ required:true, maxlength:2 }, "item.why":{ required:true, maxlength:10 } }, messages:{ "item.startime":"请输入开始时间!", "item.endtime":"请输入结束时间!", "item.days":{ required:"请输入密码！", maxlength:"请输入百位以内的数字！" }, "item.why":{ required:"请输入请假原因！", maxlength:"最多输入10个字符" } } }); $("#yesattend").click(function(){ if($("#loginForm").valid()){ //发送ajax请求 var url = "${ctx}/user/login.action"; $.post( url, {"item.username":$("#username").val(), "item.password":$("#password").val()} , function(data){ if(data.retcode == "0"){ window.location.href="${ctx}/inde.jsp"; }else{ alert(data.retmsg); } } ); } }); $("#noattend").click(function(){ //发送ajax请求 var url = "${ctx}/user/doUpdateAttend.action"; $.post( url, {"item.id":$("#id").val(), "item.status":2} , function(data){ if(data.retcode == "0"){ window.location.href="${ctx}/user/findAttends.action"; return false; }else{ alert(data.retmsg); } } ); }); }); //时间控件部分 $("#endtime").datetimepicker(); $("#opento").click(function(){ $("#endtime").datetimepicker("show"); }); $("#closeto").click(function(){ $("#endtime").datetimepicker("hide"); }); $("#resetto").click(function(){ $("#endtime").datetimepicker("reset"); }); $("#startime").datetimepicker(); $("#open").click(function(){ $("#startime").datetimepicker("show"); }); $("#close").click(function(){ $("#startime").datetimepicker("hide"); }); $("#reset").click(function(){ $("#startime").datetimepicker("reset"); });

姓名