菜单

jQuery插件实现的日历功能示例_jquery_脚本之家

2020年3月31日 - 新闻中心

正文实例陈诉了jQuery插件实现的日历效用。分享给我们供大家仿照效法,具体如下:

本文实例陈诉了jQuery完成动态生成年月日级联下拉列表。分享给大家供我们参照他事他说加以考察,具体如下:

www.jb51.net jQuery日历插件 #startTime,#endTime{ /* background-color:red;*/ } ${ //设置日历显示的采用的地区 是中国 $.datepicker.setDefaults( $.datepicker.regional[ "zh-CN" ] ); $("#startTime,#endTime").datepicker({ //altField:"#actualDate", //altFormat:"DD, d MM, yy", autoSize:false ,//自动调整大小的操作 改变的输入框的大小 changeMonth:false,//如果为true 弹出一个下拉的菜单 changeYear:false, //前边有默认10年 当前年份的 后边有默认10年组成的下拉菜单 dateFormat:"yy-mm-dd", //日期的格式 呈现在输入的文本框中 defaultDate:+1, //缺省的日期 + - 相对于当前的日期 计算 showWeek: true, //显示当前年的周数 firstDay:1, //当前年份开始的第一天 showOn:"button", //borth 既可以触发按钮 又可以触发文本框 弹出 日历 如果是button 只能触发button事件 buttonImage: "images/calendar.png", //设置按钮的图片 buttonImageOnly: true, //设置这按钮只显示图片效果 不要有button的样式 showAnim:"toggle", //弹出日历的效果 prevText:"上一月", nextText:"下一月", yearRange:"c-5:c+5", //年份的前后取值范围 //minDate:1, //maxDate:25, /* 结束日期的最小值 必须大于等于 开始日期的最大值 */ //showOtherMonths: true, //显示当前月份日期的其他日期值 //selectOtherMonths: true, //显示当前月份日期的其他日期值 并且是可以选择的 默认是不可以选择的 numberOfMonths:1, //连续弹出3个月的日历 showButtonPanel:true, closeText:"guan", //gotoCurrent:true onSelect:function{ alert; 演示日历的效果  开始日期: 结束日期:
${ var i=1945; var date=new Date(); var year=date.getFullYear();//获取当前年份 var dropList; for{ if{ dropList=dropList+""+i+""; }else { dropList=dropList+""+i+""; } } $('#dateForm select[name=year]').html;//生成年份下拉列表 var monthly; for{ monthly=monthly+''+j+'' } $('#dateForm select[name=month]').html;//生成月份下拉列表 var daily; for(var day=1;day<=31;day++){ daily=daily+''+day+''; } $('#dateForm select[name=day]').html; $('#dateForm select[name=month]').change{ var currentDay; var total; var flag=$('#dateForm select[name=year]:selected').val(); var currentMonth=$('#dateForm select[name=month]').val(); switch { case "1": case "3": case "5": case "7": case "8": case "10": case "12":total=31;break; case "4": case "6": case "9": case "11":total=30;break; case "2": //闰年 整除4但是不整除100 或者整除400 if( (flag%4==0 && flag%100!=0 ) || flag%400){ total=29; }else { total=28; } default :break } for(day=1;day<=total;day++){ currentDay=currentDay+''+day+'' } $('#dateForm select[name=day]').html;//生成日期下拉列表 });});

附:全部实例代码点击这里jQuery插件实现的日历功能示例_jquery_脚本之家。本站下载

PS:这里再为大家推荐七款时间及日期相关工具供我们参谋使用:

PS:这里再为大家推荐四款时间及日期相关工具供大家仿效:

在线日期/天数总括器:

在线日期/天数总结器:

在线日期总结器/相差天数计算器:

在线日期天数差总结器:

在线日期天数差总括器:

Unix时间戳转换工具:

Unix时间戳调换工具:

网页万年历日历:

越多关于jQuery相关内容感兴趣的读者可查阅本站专项论题:《jQuery日期与时光操作技巧计算》、《jQuery扩充手艺总括》、《jQuery司空眼惯事件用法与技艺计算》、《jQuery常用插件及用法总计》、《jQuery不关痛痒卓越特效汇总》及《jquery选拔器用法计算》

更加的多关于jQuery相关内容感兴趣的读者可查看本站专项论题:《jQuery日期与时光操作本事总括》、《jQuery拖拽特效与技术总计》、《jQuery扩张本领总括》、《jQuery不以为奇精粹特效汇总》、《jquery选取器用法计算》及《jQuery常用插件及用法总括》

梦想本文所述对大家jQuery程序设计有所支持。

但愿本文所述对大家jQuery程序设计有所援救。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图