浙江 杭州

jQuery简单带记事功能的日历插件

系统分类: 网页特效 - jquery插件 - jQuery日期/日历 2015-05-26

人气79672

亲们该页面内会员们分享的“作品”,版权为才华横溢的原作者们所有滴,不得商业使用!


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

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

带记事功能的jQuery日历插件

使用方法

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

<script src="js/jquery.min.js"></script>
<script src="js/jquery.e-calendar.js"></script>

 

该jQuery日历插件的HTML结构使用一个带ID的空<div>即可。

<div id="calendar"></div>

 

配置参数

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

weekDays: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
months: ['Janeiro', 'Fevereiro', 'Mar?o', 'Abril', 'Maio', 'Junho',
         'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
textArrows: {previous: '<', next: '>'},
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']});

查看演示
下载资源:90
下载资源
错误提交:

格式:zip 大小:59.23KB

================关于优设记================
“优设记ui3g.com“是国内最全jquery插件下载 - 高质量网页素材的学习下载平台
资源微博:同步网站更新内容,订阅jquery资源 @吐槽优设记,欢迎关注获取网页设计资源、下载顶尖设计素材。
文章链接: http://www.ui3g.com/code/uicode-764.html 非特殊说明,本文版权归原作者所有,转载请注明出处
jQuery简单带记事功能的日历插件

我当前G币余额:0 已下载次数:90

注:点击右侧分享按钮并且留下评论自动+10G币

所需G币:20

下载提示:由于文件较小,请直接点击下载,不支持迅雷等下载工具。

抱歉 G币 不足,你可以通过 上传PSD & jquery 充值 获得G币

评论功能关闭...(已有13 评论)

1 2