fullCalendar 日历插件
<div id='calendar'></div>
//初始化FullCalendar var calendar = $('#calendar').fullCalendar({ //设置头部信息,如果不想显示,可以设置header为false header: { //日历头部左边:初始化切换按钮 left: 'prev,next today', //日历头部中间:显示当前日期信息 center: 'title', //日历头部右边:初始化视图 right: 'month'//month,agendaWeek,agendaDay }, //日历高度,包括表头 height: 850, //标题格式化 titleFormat: { month: 'YYYY年MM月', // September 2009 //week: "YYYY年MM月D日", // Sep 7 - 13 2009 //day: 'dddd, MMM d, yyyy' // Tuesday, Sep 8, 2009 }, // 月份名称简写, monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'], // 星期名称简写 dayNamesShort: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'], buttonText: {//设置日历头部各按钮的显示文本信息 prev: '上月', // ‹ next: '下月', // › prevYear: '上年', // « nextYear: '下年', // » today: '今天', month: '月', week: '周', day: '日' }, //设置是否显示周六和周日,设为false则不显示 weekends: true, //日历初始化时显示的日期,月视图显示该月,周视图显示该周,日视图显示该天,和当前日期没有关系 //defaultDate: '2016-06-06', //lang:"zh-cn", //日程数据 //events: eventsArray, selectable: true, select: function (startDate, endDate, allDay, jsEvent, view) { var date = new Date(startDate._d); var year = date.getYear() + 1900; var month = date.getMonth() + 1; var date = date.getDate(); var _date = year + "-" + month + "-" + date; console.log(_date); var txt = allDay.toElement.innerText; if (txt.length == 3) { onLeakageCheck(); } } });
官网:
https://fullcalendar.io/
fullCalendar:中文API
http://blog.csdn.net/qw_xingzhe/article/details/44920943
FullCalendar 官方文档翻译
http://www.cnblogs.com/mycoding/archive/2011/05/20/2052152.html
使用FullCalendar做一个自己的日程管理(一)- 基础篇
http://blog.csdn.net/developerfanyl/article/details/52192910
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
· 零经验选手,Compose 一天开发一款小游戏!