Jquery周历插件weekCalendar汉化并实现单日显示

21 篇文章 0 订阅
12 篇文章 0 订阅

      jquery-week-calendar插件是一款不错的周历控件,在开发日程相关的应用时可以用到。但是官方是英文版的,并且在只显示一天时是有问题的,因此我在实际应用中进行了汉化并改进。

 

原版汉化后如下图

 

改进后可以支持只显示一天,以便用在移动应用中

 

 

    以下代码为使用只显示一天时的初始化代码

  var $calendar = $('#calendar');
   var id = 10;
   $calendar.weekCalendar({buttonText : {
       today : "今天",
       lastWeek : "上一天",
       nextWeek : "下一天"
       },
      daysToShow :1

........此处省略其它参数
});

 

如果打开乱码请设置页面编码方式 为 utf-8!!

 

改进后的插件代码在附件中,欢迎下载。。。。

 

有任何问题请联系微信 

如果您觉得我的文章给了您帮助,请为我买一杯饮料吧!以下是我的支付宝,意思一下我将非常感激!
  
 
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
之前在网上想找一个简单易用的日历选择插件,发现这种前端日历插件很少,而且很多文章写的的算法都不是统一的,所以自己实现了一个基于jquery日历插件(还支持跳转到指定年份和哦)。 插件的算法:每日为起始,第一以每年第一个星期四所在的为第一(网上找的好像这个算法比较正规) 实现的效果是在手机端,也可以在PC端用,毕竟功能才是主要的。如果觉得样式不入眼可以自行随意修改。 //调用日历方法 var weekfn = new jcalendar_week({ element: "#jcalendar_week",//填充日历的dom元素 dayaddclass:function(date){ //添加某天时给添加类名(参数:1.日期)(返回类名字符串,多个以空格分开) return ""; }, dayclick:function(date,obj){ //day点击事件(参数:1.日期,2.所点击DOM元素) $(obj).addClass("calendar_day_act").siblings().removeClass("calendar_day_act"); } }); 点击上方显示当前年份和的DOM部分可选择并跳转到指定年份和插件提供的方法: //获取第一天方法weekfirstdate(),传入年份和数 console.log(weekfn.weekfirstdate(2018,36)); //获取传入日期为当年第几getweeknum(),传入年,月,日(注:这里的月份从0开始) console.log(weekfn.getweeknum(2018,0,16)); //跳转到指定confirmweek(),传入年份和weekfn.confirmweek(getyear,getweek); //跳转到本nowweek() weekfn.nowweek();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值