html桌面日历功能,jQuery简单带记事功能的日历插件

e-calendar是一款jQuery简单带记事功能的日历插件。通过该jQuery日历插件你可以记录或设置某天某个时刻发生的事情,具有工作备忘录的功能。通过简单的参数设置你就可以定制该日历插件的外观。

2beebfc6f5f4fc4d0160dc772d23dc76.png

使用方法

要使用该jQuery日历插件首先引入jQuery和jquery.e-calendar.js文件。

该jQuery日历插件的HTML结构使用一个带ID的空

即可。

配置参数

下面是插件默认的配置参数:

weekDays: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],

months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho',

'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],

textArrows: {previous: ''},

eventTitle: 'Eventos',

url: '',

events: [

{title: 'Event Title 1', description: 'Description 1', datetime: new Date(2014, 7, 12, 17)},

{title: 'Event Title 2', description: 'Description 2', datetime: new Date(2014, 7, 17, 16)}

]

events()对象的属性如下:

title:自定义事件的标题。

description:自定义事件描述。

datetime:该事件发生的日期和时间。

应用举例

$('#calendar').eCalendar({url: 'loadCalendar'});

$('#calendar').eCalendar({

events: [

{title: 'Event Title 1', description: 'Description 1', datetime: new Date(2014, 7, 12, 17)},

{title: 'Event Title 2', description: 'Description 2', datetime: new Date(2014, 7, 17, 16)}

]

});

$('#calendar').eCalendar({url: 'loadCalendar',

weekDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值