jquery事件日历插件e-calendar

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

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

es5倒计时插件

es6编译的es5倒计时插件,支持回调函数。
  日期和时间
 24086  291

jQuery bootstrap酒店日期插件

基于bootstrap日期插件实现,时间区间选择,预定日期禁用
  日期和时间
 55389  366

基于amazeui全年日历

一款基于amazeui的全年日历,日历可以添加时间记录,中英文切换
  日期和时间
 41617  336

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

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

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