Calendars - 日历插件

 


       Calendars - 日历插件  

      1)jQuery Frontier Calendar是一个可灵活定制的 月日历jQuery插件,看起来类似于Google Calendar。当在一个日期单元格中有比较多的待办事项
时,将出现一个更多的链接,点击这个链接会弹一个 jQuery模式对话框来显示所有的事务。这个日历还支持通过CSS文件改变整个日历的背景。
jQuery Frontier Calendar

 

 
     2)NoGray 制定了一个像我们这样的Web开发人员自由和高度 可定制的JavaScript日历组件。它外观和日历的感觉也可以很容易使用CSS改变。你可以在任何网页上有一个这样的日历。您还可以启用多个日期选择。 日历看起来真的很容易集成到您的网站。
主页:
NoGray
 
     3) MooMonth 一个完整的 日历应用程序,他以mootools框架的JavaScript写成。 高度重配置和可定制。它具有平滑性感和不视角之间的过渡。 MooMonth提供的CC – GNU的LGPL许可。所以,你可以自由下载并使用它。它看起来很漂亮,我非常喜欢它的淡入和淡出效果。

MooMonth

 

      4)  Plans是一个强大并且灵活的Web日历,它支持经常性事件,合并 日历,设置事件图标,自定义主题和模板,导入/导出iCal,导出MS Outlook等。
Monket Calendar
<!--  0 人收藏该插件         收藏该插件   -->主页:
Plans

     5)Monket Calendar是一个支持ajax的在线日历插件,拥有iCal风格的界面,并且支持拖拽的方式来创建跨越多个日期的事件,创建和修改事件不需要刷新整个页面。

Monket Calendar

 

     6)wdCalendarGoogle Calendar的一个克隆,基于jQuery实现。包含Google日历的大部分功能包括:提供按天/周/月查看视图。支持通过拖拉的方式创建/更新/删除事件。易于给合数据库一起使用。

wdCalendar
  • 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、付费专栏及课程。

余额充值