`
85977328
  • 浏览: 1871043 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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>
  • js.rar (58.6 KB)
  • 下载次数: 129
  • 大小: 38.6 KB
5
2
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics