jquery事件日历插件e-calendar

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

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

mobiscroll可上下滑动的日期时间插件

上下滑动日期时间插件,也可用做上下滑动选择菜单,移动端可用。
  日期和时间
 44868  380

jQuery手机端时间选择插件jquery.promptumenu

jquery.promptumenu手机端时间选择器,开始时间选择,开始时间选择限制
  日期和时间
 30458  345

翻牌时钟效果三种效果

翻牌时钟效果三种效果
  日期和时间
 48172  451

仿苹果时间控件

模仿苹果时间控件
  日期和时间
 59199  482

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