fullcalendar搜索事件并定位以及跳转到指定年月 |
您所在的位置：网站首页 › 日历怎么跳到指定日期里 › fullcalendar搜索事件并定位以及跳转到指定年月 |
fullcalendar搜索事件并定位以及跳转到指定年月
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1334483 日历日程和事件最后的需求就是检索和定位。以及日期的跳转。别看功能很简单，这项功能也不是大家都有的，下面腾讯的TIM主推的日程暂时也没这个功能啊。  在顶端自定义添加了检索框和跳转框。  检索到事件，准备定位  定位到检索结果所在月份。  用跳转到指定月功能，穿越到1000年1月。  或者穿越到9000年1月也是片刻的事情。  向fullcalendar中添加自定义工具栏： 代码语言：javascript复制 $('#calendar .fc-left').append(''); $('#calendar .fc-right').prepend('goto');代码语言：javascript复制//搜索事件，得到事件列表 $(document).ready(function() { $("#searchbutton").click(function() { var eventtext = $("#eventtext").val(); $('#searchtable').bootstrapTable('refresh', {url:'/admin/calendar/searchcalendar?title='+eventtext}); $('#modalsearch').modal({ show:true, backdrop:'static' }); }) }) //将搜索的事件标题加点击事件进行跳转 function settile(value,row,index){ articleUrl= ''+row.title+''; return articleUrl; } //搜索事件结果表中的事件进行跳转 window.actionEvents = { 'click .gotodate': function (e, value, row, index) { var date =$.fullCalendar.moment(row.start); $('#calendar').fullCalendar('gotoDate', date); $('#modalsearch').modal('hide'); }, } //跳转到某月 $(document).ready(function() { $("#monthbutton").click(function() { var monthtext = $("#monthpicker").val(); var date =$.fullCalendar.moment(monthtext); $('#calendar').fullCalendar('gotoDate', date); }) })代码语言：javascript复制 × 事件搜索结果 删除 # 名称 内容 开始时间 结束时间 关闭 |
【本文地址】
公司简介
联系我们
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |