[转帖]jquery日历插件之pickadate.js插件使用介绍_Tomcat, WebLogic及J2EE讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛

总帖数

每页帖数

1/1页

返回列表

发起投票

查看: 3895 | 回复: 0

主题： [转帖]jquery日历插件之pickadate.js插件使用介绍

wangxilu

注册用户

等级：少校
经验：850
发帖：73
精华：3
注册：2013-4-10
状态：离线
发送短消息息给wangxilu

加好友发送短消息息给wangxilu

发消息

发表于：

2013-4-11 14:07:06 | [全部帖] [楼主帖]

楼主

由于项目需求，今天在jquery UI官网找到了一个jquery日历插件，经过一个小时的琢磨终于把它攻克了。下面我会将日历插件使用的代码为大家贴出，如果对你们有帮助记得回帖噢！……<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="pickadate.js-gh-pages/demo/jquery.js"></script>
<script type="text/javascript" src="pickadate.js-gh-pages/translations/pickadate.uk_UA.js"></script>
<script type="text/javascript" src="pickadate.js-gh-pages/source/pickadate.js"></script>
<script type="text/javascript" src="pickadate.js-gh-pages/source/pickadate.legacy.js"></script>
<script type="text/javascript" src="pickadate.js-gh-pages/source/pickadate.legacy.min.js"></script>
<script type="text/javascript" src="pickadate.js-gh-pages/source/pickadate.min.js"></script>
<script type="text/javascript" src="pickadate.js-gh-pages/demo/rainbow.js"></script>
<link type="text/css" rel="stylesheet" href="pickadate.js-gh-pages/demo/style.css" />
<link type="text/css" rel="stylesheet" href="pickadate.js-gh-pages/themes/pickadate.03.inline.css" />
<script type="text/javascript">
$(document).ready(function(){
$( '.datepicker' ).pickadate();
});
</script>
</head>
<body>
<div style="width:250px; height:20px;">
<input class="datepicker" type="text" />
</div>
</body>
</html>

记得将pickadate插件的所有文件拷到你的项目中，注意引用的路径一定对正确。

11.png(13.35 KB)