Jquery datepicker:如何让它正常工作?

时间:2012-02-14 13:40:56

标签: javascript jquery

我正在尝试执行一个包含Jquery功能的jsp页面。但是,尽管我付出了努力,但仍无法做到这一点。

我已经下载了jquery1.7.1和jquery-ui1.8.17(非迷你版),并将其重命名为jquery171.js和jquery-ui.js。它们位于/ js文件夹中。

下面有一个非常简单的jsp页面,它没有显示jquery的DatePicker。我正在使用jquery UI 1.7.1。文件中没有错误,只有几个警告,比如从未使用过的变量,也没有初始化。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <link type="text/css" href="css/ui-lightness/jquery.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery.js"/></script>
    <script type="text/javascript" src="js/jquery-ui.js"/></script>

</head>
<body>
    <input type="text" id="tx" name="tx"/>
    <script type="text/javascript">
        $("tx").datepicker({dateFormat: 'dd/mm/yyyy'});
    </script>
</body>
</html>

但是,当我运行这些东西时,没有任何反应。你知道问题应该在哪里吗?如果您已经在Eclipse中配置了jquery,那么您还做了哪些其他步骤?提前谢谢。

1 个答案:

答案 0 :(得分:2)

您遗失# 试试$("#tx").datepicker({dateFormat: 'dd/mm/yy'});
也可以使用yy代替yyyy y表示年份(两位数)
yy表示年份(四位数) 查看this link以获取更多选项。