其他代码

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

阿里云


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

使用方法:

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

也想出现在这里?联系我们
创客主机
  1. <script src="js/jquery.min.js"></script>
  2. <script src="js/jquery.e-calendar.js"></script>

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

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

配置参数:

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

  1. weekDays: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
  2. months: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho',
  3.          'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
  4. textArrows: {previous: '<', next: '>'},
  5. eventTitle: 'Eventos',
  6. url: '',
  7. events: [
  8.     {title: 'Event Title 1', description: 'Description 1', datetime: new Date(2014, 7, 12, 17)},
  9.     {title: 'Event Title 2', description: 'Description 2', datetime: new Date(2014, 7, 17, 16)}
  10. ]

events()属性:

title:自定义事件的标题

description:自定义事件描述

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

应用举例:

  1. $('#calendar').eCalendar({url: 'loadCalendar'});
  2.  
  3. $('#calendar').eCalendar({
  4.     events: [
  5.         {title: 'Event Title 1', description: 'Description 1', datetime: new Date(2014, 7, 12, 17)},
  6.         {title: 'Event Title 2', description: 'Description 2', datetime: new Date(2014, 7, 17, 16)}
  7.     ]
  8. });
  9.  
  10. $('#calendar').eCalendar({url: 'loadCalendar',
  11.                           weekDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']});

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

已有 588 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!