带节假日设置的日历

所属分类:输入-日期和时间

 91227  417  查看评论 (43)
分享到微信朋友圈
X
带节假日设置的日历 ie兼容7

在js中,

$(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()中修改

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的方法供取数据库的数据。


相关插件-日期和时间

zepto移动端时间选择插件

简单的移动端时间选择,去掉年显示,适合线上预定下单
  日期和时间
 48505  355

基于vuejs的移动端未来30天时间选择器

此项目由于时间原因写的比较草,但是功能还是完善了,字体单位采用rem,所以在PC端预览的时候可能会出现兼容性问题
  日期和时间
 36308  347

漂亮的日历插件

带农历的js日历插件
  日期和时间
 59249  366

纯JS彩色方块倒计时插件

纯JS实现,指定日期倒计时,60秒倒计时,指定日期到今天的时间
  日期和时间
 11524  200

讨论这个项目(43)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    手中奢侈 0
    2020/6/6 16:57:50
    你这个不好控制显示呀 回复
    S 0
    2019/12/26 10:21:45
    怎么都是设置失败?有高手教教我吗 回复
    小猴 0
    2018/11/14 11:51:03
    佳&期如梦 0
    2018/9/5 12:34:13
    要多少币才能下载啊 回复
    ↑↑↓↓←→←→BABA 0
    2018/5/31 10:32:19
    请问这个日历日期对不上的BUG改了吗? 回复
    大祥 0
    2018/5/11 15:03:30
    如仪 0
    2017/10/31 16:38:23

    这日历有问题吖~~~日历日期都不对的。坑

        Baymini0
        2017/11/1 17:26:58

        我发现了

    回复
    陈先生2016 0
    2017/4/28 15:59:13

    听楼上评价有挺多疑问的・・・・没货币 求好心人

    回复
    鸭鸭 0
    2017/3/14 13:09:11
    没有下载币如何下载
        啊通0
        2017/3/23 17:22:30

        那就只能先去赚取JQ币了,或者直接购买

    回复
    安好无念 0
    2016/12/5 17:12:07
    为什么设置今日为休息日,然后数字就会不显示呢 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复