JQuery兑现精美日历 _Web前端

JQuery实现精美日历
通过JQuery,几行代码，就能实现一个精美的日历,下面是实现的代码和相关引用的JS文件.下面是效果图,当你点击text的输入框的时候，日历就会自动弹出来。很方便吧.喜欢的朋友们就开心的使用吧.^-^

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="jquery-1.4.2.js" charset="utf-8"></script>
		<link rel="stylesheet" href="ui.datepicker.css" type="text/css" media="screen" title="core css file" charset="utf-8" />
		<script src="ui.datepicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="mydate.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<input type="text" size="20" id="txtDate" name="txtDate" value="" />
		<script type="text/javascript">
			//绑定日期控件到date,必须要在后面
			$("#txtDate").datepicker();
		</script>
	</body>
</html>