datepicker示例

简介: jQuery Datepicker          $(function() {  var nowdays = new Date();  var dateConfig = {  showOn:...

<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

目录
相关文章
|
算法 安全 数据安全/隐私保护
介绍一下移动应用中的数据加密技术。
移动应用数据加密保护隐私,包括对称加密(速度快但密钥管理难)、非对称加密(公钥私钥确保安全如RSA、ECC)、哈希函数(固定长度输出验证信息)和数字签名(公钥验证来源与完整性)。选择合适的加密算法对安全性至关重要,兼顾性能以不影响用户体验。加密技术确保信息的机密性、真实性和完整性,增强用户信任。开发者应熟练掌握这些工具。
401 0
|
域名解析 缓存 弹性计算
CDN 的操作与使用|学习笔记
快速学习 CDN 的操作与使用
CDN 的操作与使用|学习笔记
|
11月前
|
容器
基于Arduino的植物浇水系统
基于Arduino的植物浇水系统
179 0
|
10月前
|
安全 Linux Shell
docker运行centos提示Operation not permitted
通过上述步骤,可以有效排查和解决在Docker中运行CentOS容器时遇到的"Operation not permitted"错误。这些措施涵盖了从权限配置、安全策略到容器运行参数的各个方面,确保在不同环境和使用场景下都能顺利运行容器。如果你需要进一步优化和管理你的Docker环境
895 3
|
9月前
|
SEO
为什么大家都推荐PageAdmin CMS?
PageAdmin CMS是一款功能强大、易于使用、免费开源的网站管理系统,适用于政务、企业、学校等门户网站,具备丰富的功能插件和SEO功能,是建站者的理想选择。
231 5
|
11月前
|
机器学习/深度学习 人工智能 自然语言处理
神经网络技术
【10月更文挑战第14天】神经网络技术
|
11月前
|
Rust 算法 安全
如何学习Rust编程?
【10月更文挑战第12天】如何学习Rust编程?
209 1
|
11月前
|
固态存储 开发者
阿里云服务器选购之国际版和国内版的平台对比及建议
阿里云服务器选购之国际版和国内版的平台对比及建议
|
弹性计算 编解码 负载均衡
如何构建一套高性能、高可用性、低成本的视频处理系统?
基于函数计算和 Serverless 工作流的弹性高可用视频处理架构,充分体现了云原生时代 Serverless 化思想,以事件驱动的形式触发函数执行,真实计算资源真正意义上的按需使用。对于使用而言,这套方案在保证业务灵活度的同时,可以显著降低维护成本与资源成本,并大幅度的缩短项目交付时间。
5184 93
如何构建一套高性能、高可用性、低成本的视频处理系统?
|
大数据 数据挖掘 数据建模