datepick
来源:互联网 发布:php如何加密源码授权 编辑:程序博客网 时间:2024/05/13 15:02
我用过好几种日历插件,有的太花哨,有的太简单,有的浏览器不兼容等等,没有一个能让我感到满意的,后来同事给我推荐了jquery.datepick这个插件,我从官方网站下了一个,亲自做了一下,感觉相当的不错,逻辑和样式可以完全分开,并且非常的灵活,支持30个国家的语言,基本能满足我的要求。
下载地址是:www.jquery.com
解压jquery.datepick.package-3.5.2.zip,默认是英文的日历,里面有一个jquery.datepick-zh-CN.js,加上这个可以把英文的变以成中文的,例子:http://blog.51yip.com/demo/datepick/datepick1.html
代码如下,当然你也可以根据我上面提供的例子,把网页另存为来查看代码
- <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>
说明:datepick插件里面有好多参数要设置,这个要根据个人的需要了。具体请参考jquery的官方网址,
http://docs.jquery.com/UI/Datepicker#options
- datepick
- datepick
- DatePick
- jquery datepick 中文显示
- jquery.datepick日历控件
- bootstrap datepick 暂时存,待续
- 让DatePick是不可编辑的
- Android中的DatePick和TimerPick全
- 外部datepick.js中文乱码的解决办法
- 18.自定义键盘 toolbar的barTintColor UIBarButtonItem的使用 datePick使用
- bootstrap datepick的beforeShowDay方法实现日历 其中有一些特殊日期改变背景颜色
- 关于Hibernate的Criteria查询
- 定时获取linux服务器信息
- Python main() functions
- 【转】地址重定位:静态重定位和动态重定位
- eclipse 代码 自动排序
- datepick
- Autohotkey的配置文件读写方法ini
- python利用thrift连接hive
- SHAREPOINT数据库中表的解析
- java 把 byte[] 数组转化为String
- jQuery和YUI的区别
- C++ URL encode/decode (gb2312)
- 生物信息_SOAPsnp_参数设置_例子
- GameMaker游戏《Discover》