jQuery插件实现日历功能示例[有源代码下载]

本文举例说明了jQuery插件实现的日历功能。分享给大家参考，如下：

我们先来看看跑步效果：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title www.jb51.net jquery日历插件/title！-介绍jQuery类库文件-脚本src=' http : js/jQuery-1 . 7 . 1 . min . js '/脚本脚本语言=' JavaScript ' type=' text/JavaScript ' src=' http : js/jQuery-ui-1 . 8 . 18 . custom . min . js '/脚本语言=' JavaScript ' type=' text/JavaScript ' src=' http 3360 js/jQuery。-引入Css样式类库文件-link rel='样式表' href=' CSS/ui-lighting/jquery-ui-1 . 8 . 18 . custom . Css ' rel=' external nofollow '/style # start time，# end time {/* background-color 3360 red；*/}/style script type=' text/JavaScript ' $(function(){//用来设置日历显示的区域是$。datepicker.setdefaults ($。datepicker . regional[' zh-cn '])；$('#startTime，#endTime ')。date picker({//altfield : ' # actualDate '，//altFormat:'DD，d MM，yy '，autoSize:false，//自动调整大小操作更改的输入框大小为ChangeMonth: false。//如果为真，弹出下拉菜单“变更年份：假”。//当前年份后面有默认的10年下拉菜单dateFormat:'yy-mm-dd '。//日期的格式显示在输入文本框中。//默认日期-显示星期： true是相对于当前日期计算的。//当年的周数是第一天：1。//当年第一天显示：‘按钮’。//borth可以同时触发按钮和文本框弹出日历。如果是按钮，则只能触发按钮事件。button image : ' images/calendar . png '，//将buttonImageOnly:按钮的图片设置为true。//将此按钮设置为只显示图片效果，不显示按钮样式。显示anim :“切换”。//弹出日历效果prevText: '上个月'，nextText: '下个月'，yearRange:'c-5:c 5 '。//年份前后的值范围//mindate:1，//maxdate:25，/*结束日期的最小值必须大于或等于开始日期的最大值*///showOtherMonths: true。//显示当月日期的其他日期值//selectothermonths:true，//显示当月日期的其他日期值，默认可选月数33601。//日历显示按钮面板：连续弹出3个月。closeText:'guan '，//GoToCurrent : TrueOnSelect : function(text date，inst){ alert(text date)；} });});/script/head dy div展示日历/div的效果！-div id=' date picker '/div-开始日期： input type=' text ' id=' start time '/结束日期： input type=' text ' id=' end time '/body/html attachment:单击此处下载完整的示例代码。

PS:这里有一些时间和日期相关的工具，供大家参考：

在线日期/天数计算器：http://tools.jb51.net/jisuanqi/date_jisuanqi

在线日期和天数差异计算器：http://tools.jb51.net/jisuanqi/onlinedatejsq

Unix时间戳转换工具：http://tools.jb51.net/code/unixtime

网页万年历：http://tools.jb51.net/bianmin/webwannianli

更多对jQuery感兴趣的读者，请查看本站话题：《jQuery日期与时间操作技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》、《jQuery常用插件及用法总结》、0103010。

希望本文对大家的jQuery程序设计有所帮助。