插件描述：带节假日设置的日历
在js中，
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | $(function() { var jjrmodelidlist; //用于存放从数据库取出的所有设置过节假日的id var jjrmodeltimelist; //用于存放从数据库取出的所有设置过节假日的time var jjrmodelztlist; //用于存放从数据库取出的所有设置过节假日的状态 createSelectYear(); //创建年份下拉,并给对应事件 createMonthSelect(); //创建月份下拉，并给对应事件 getjjrszModelByYear(withID("aboluo-yearSelect").value); //从数据库取出已经设置了的节假日的数据，例：休息，上班等 //根据年，月，用table绘制日历。 年月变动则 重新绘制 createTabledate(parseInt(withID("aboluo-yearSelect").value), parseInt(withID("aboluo-selectmonth").value)); //上月下月的a标签给事件 leftrightclick(); //设置右边显示栏显示内容，显示栏还可以设置节假日的状态等 setRigth(new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate());}); |
如果要修改设置功能，可以在setRigth()中修改
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | function setRigth(year, yue, day) { //先清空 ...... var szrqselect = newElement("select"); szrqselect.style.width = (withClass("aboluo-rightdiv").offsetWidth * 0.9) + "px"; szrqselect.options.add(new Option("无", "0")); //0代表还原 //这里要判断一下如果是星期67就只能设置上班,如果是星期1-5就只能设置休息 var bool = isweekend(year, yue, day); if (bool) { szrqselect.options.add(new Option("上班", "1")); } else { szrqselect.options.add(new Option("休息", "2")); } szrq.appendChild(szrqselect); var szrqbutton = newElement('input'); szrqbutton.type = "button"; szrqbutton.className = "btn"; //设置class szrqbutton.value = "确认"; szrqbutton.setAttribute("onclick", "javascript:aboluoSetrq();"); szrq.appendChild(szrqbutton); setaclass(year, yue, day);} |
这里面可以增加新的项，然后只可以提交到后台去判断，做操作.
getjjrszModelByYear()，这个方法是将数据库中存的带状态的日期取出来，到日历界面显示出来(班，休)，
我这里只做了js的例子，留有ajax的方法供取数据库的数据。
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： udraggable拖拽拖放插件
- 下一个特效： CSS3按钮发光动画 绚丽多彩