jquery事件日历插件e-calendar

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

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

jQuery双日历选择

jQuery实现双日历选择插件double-date.js
  日期和时间
 41662  342

移动端日期滚动选择插件mobisscroll3.0完整版

mobiscroll是个很好用的jQuery日期插件,它可以实现在移动端滚动选择日期。
  日期和时间
 46467  395

移动端日期选择插件mtimer

移动端日期选择插件
  日期和时间
 81759  383

jQuery定时器自动版

可以定时1~60分钟,定时结束播放音乐
  日期和时间
 29049  301

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复