本文主要介绍了jquery日历插件datepicker的用法，并结合实例分析了jquery日历插件datepicker的定义和使用技巧。有需要的可以参考一下。
本文演示了jquery日历插件datepicker的用法。分享给你，供你参考，如下：
我用过好几种日历插件，有的太花哨，有的太简单，有的浏览器不兼容等等。没有一个让我满意。后来同事给我推荐了jquery.datepick。我从官网下载了一个，自己做的，感觉还挺不错的。逻辑和风格完全可以分开，而且很灵活，支持30种语言，基本满足我的要求。
这是这个网站的下载地址：https://www.jb51.net/jiaoben/19622.html.
解压缩jQuery。DatePick.package-3.5.2.zip，默认为英文日历。里面有一个jquery.datepick-zh-CN.js，加上这个就可以把英文改成中文了。演讲地址：http://demo.jb51.net/js/2011/jQuery_calendar/index.html.
示例代码如下：
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html；charset=UTF-8 '
titlejQuery日期选择器/title
脚本类型=' text/JavaScript ' src=' jquery-1 . 3 . 2 . js '/script
script type=' text/JavaScript ' src=' jquery . date pick . js '/script
script type=' text/JavaScript ' src=' jquery . date pick-zh-cn . js '/script
脚本类型='文本/javascript '
$(function() {
var now days=new Date()；
var dateConfig={
Show:' both '，//两者都显示
ButtonImage: 'calendar.gif '，//加载图片
ButtonImageOnly: true，//图片显示的地方有一个突出的部分，这就是隐藏那个东西的地方。
ChangeFirstDay: false，//这个参数是做什么的？星期一是日历中的第一天，不能更改。
NumberOfMonths: 2，//显示两个月，默认为一个月。
MinDate: nowdays，//最小显示时间是今天。
日期格式：'年-月-日'，//日期格式
YearRange: '-20: 20' //前后20年，但今天这个minDate有冲突。你自己试试。
};
$('#goodplugin ')。datepick(日期配置)；
$('#showdate ')。datepick(日期配置)；
});
/脚本
link type=' text/CSS ' href=' smooth . datepick . CSS ' rel=' style sheet '/
/头
身体
H1jquery日历插件示例/h1
英国铁路公司
A href='datepick1.html' style 1/a
英国铁路公司
A href='datepick2.html' style 2/a
英国铁路公司
A href='datepick3.html' style 3/a
brbrbr
div id='showdate'/div
英国铁路公司
英国铁路公司
左边直接显示Div，右边点击输入type=' text ' id=' good plugin '//div。
/body
/html
注意：在datepick插件中有许多参数需要设置。这个看个人需求。请参考http://docs.jquery.com/UI/Datepicker#options, jquery的官方网站。
更多对jQuery插件感兴趣的读者，请参考本专题：《jQuery常用插件及用法总结》。
希望这篇文章对jQuery编程的大家有所帮助。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。