datepicker示例

最新推荐文章于 2024-04-06 00:30:00 发布

weixin_30782331

最新推荐文章于 2024-04-06 00:30:00 发布

阅读量43

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/mydomain/archive/2012/10/21/2733080.html

本文提供了jQuery日历插件的多个示例，包括样式应用、日期选择功能及配置选项，帮助开发者快速实现日期选择功能。

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>jQuery Datepicker</title>

<script type="text/javascript" src="jquery-1.3.2.js"></script>

<script type="text/javascript" src="jquery.datepick.js"></script>

<script type="text/javascript" src="jquery.datepick-zh-CN.js"></script>

<script type="text/javascript">

$(function() {

var nowdays = new Date();

var dateConfig = {

showOn: 'both', //二个都显示

buttonImage: 'calendar.gif', //加载图片

buttonImageOnly: true, //显示图片的地方有一个突出部分，这个就是隐藏那玩意的

changeFirstDay: false, //这个参数干什么的呢，星期一是日历的第一个，不可以改动的

numberOfMonths: 2, //显示二个月，默认一个月

minDate: nowdays, //显示最小时间是今天

dateFormat: 'yy-mm-dd', //日期格式

yearRange: '-20:+20' //前后20年，不过这根minDate是今天有冲突，自己去试吧。

};

$('#goodplugin').datepick(dateConfig);

$('#showdate').datepick(dateConfig);

});

</script>

<link type="text/css" href="smoothness.datepick.css" rel="stylesheet" />

</head>

<body>

<h1>jquery 日历插件举例</h1>

<br>

<a href="datepick1.html">样式1</a>

<br>

<a href="datepick2.html">样式2</a>

<br>

<a href="datepick3.html">样式3</a>

<br><br><br>

<div id="showdate"></div>

<br>

<br>

<div>左边直接显示，右边要点击<input type="text" id="goodplugin"/></div>

</body>

</html>

原文：

http://blog.51yip.com/jsjquery/884.html

http://blog.51yip.com/demo/datepick/datepick3.html

http://blog.51yip.com/demo/datepick/jquery-1.3.2.js

http://blog.51yip.com/demo/datepick/jquery.datepick.js

http://blog.51yip.com/demo/datepick/jquery.datepick-zh-CN.js

http://blog.51yip.com/demo/datepick/humanity.datepick.css

http://docs.jquery.com/UI/Datepicker#options

多个示例：

http://jqueryui.com/datepicker/

http://jqueryui.com/datepicker/#dropdown-month-year

http://www.open-open.com/ajax/ajax20080626102652.htm

http://polaris.blog.51cto.com/1146394/259318

http://www.eyecon.ro/datepicker/#about

转载于:https://www.cnblogs.com/mydomain/archive/2012/10/21/2733080.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。