jquery日历插件 途牛_jQuery日历插件FullCalendar中文版

插件描述:FullCalendar是一个jQuery插件,提供全尺寸像事例中的拖拽日历。

使用方法:

1、body中插入以下html代码

2、引入文件

3、配置代码$(function() {

var get = '2020-05-14';

//$("#calendar").fullCalendar({

var calendar = $('#calendar').fullCalendar({

header: { //设置日历头部信息,false,则不显示头部信息。包括left,center,right左中右三个位置

left: 'prev,next, today', //上一个、下一个、今天

center: 'title', //标题

right: 'month,agendaWeek,agendaDay,listMonth' //月、周、日、日程列表

},

locale: 'zh-cn', //?没用?

timeFormat: 'HH:mm', //日程事件的时间格式

//      timeFormat: 'HH:mm{ - H:mm}',{agenda: ‘h:mm{ - h:mm}}

buttonText: { //各按钮的显示文本信息

today: '今天',

month: '月',

agendaWeek: '周',

agendaDay: '日',

listMonth: '日程',

},

//      columnFormat: {

//       month: 'dddd',

//       week: 'dddd M-d',

//       day: 'dddd M-d'

//   },

//titleFormat: {

//       month: 'yyyy年 MMMM月',

//       week: "[yyyy年] MMMM月d日 { '―' [yyyy年] MMMM月d日}",

//       day: 'yyyy年 MMMM月d日 dddd',

//   },

monthNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"], //月份全称

monthNamesShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"], //月份简写

dayNames: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"], //周全称

dayNamesShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"], //周简写

noEventsMessage: "当月无数据", //listview视图下,无数据提示

allDayText: "全天", //自定义全天视图的名称

allDaySlot: false, //是否在周日历上方显示全天

//      allDayDefault: false,//是否为全天日程事件,显示这一天中所做的事情

slotDuration: "00:30:00", //一格时间槽代表多长时间,默认00:30:00(30分

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值