jquery事件日历插件e-calendar

所属分类:输入-日期和时间

 74522  308  查看评论 (6)
分享到微信朋友圈
X
jquery事件日历插件e-calendar ie兼容6

如何使用

生成一个日历的最简单的方法是创建一个div元素,也可以选择使用jQuery。例如:<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)}
]


事件对象的属性

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']});
相关插件-日期和时间

自带三种风格的日历日期选择插件

小巧精致自带三种风格可换背景
  日期和时间
 28183  309

漂亮的日历插件

带农历的js日历插件
  日期和时间
 68454  390

日程表插件(fullcalendar),自定义任务显示、切换视图

加载事件数据、能切换年月视图、控制任务的自定义显示数量和效果、单元格绑定事件和元素
  日期和时间
 41339  317

一款精简实用的时间轴插件一timeline

一款精简实用的时间轴插件
  日期和时间
 50202  334

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    JasonProgramer 0
    2019/9/3 9:22:11
    巍巍 0
    2015/12/11 15:12:05

    这个有问题 12月的无法显示

    回复
    九个太阳→旭 0
    2015/5/12 14:14:20
    请问如何在标题或者内容里增加超链接呢? 回复
    不莣初心 ゝ 0
    2014/12/24 19:37:27
    12月份的为什么不出来? 回复
    不莣初心 ゝ 0
    2014/12/24 19:12:35
    当月的不显示呀 回复
    myronz 0
    2014/11/22 3:41:16
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复