fullcalendar日历插件上下月数字文字添加替换

时间: 作者:admin 浏览:
fullCalendar插件默认是没有上下月的数字显示的,但我们在使用的时候经常需要显示上下月这两个月份,但是插件并没有提供修改的模板,所以只好通过插件外js进行处理,处理完的效果图是这样的:

上代码:
//上下月文字替换显示//记得把departure-schedule-content替换成你们自己的
function prevNextMonth(){
    var MonthStr=$(".departure-schedule-content .fc-header .fc-header-center .fc-header-title h2").text();
    var Year=MonthStr.substring(0,MonthStr.indexOf("年"))-1;
    var Month=MonthStr.substring(MonthStr.indexOf("年")+1,MonthStr.indexOf("月"))-1;
    var monthPrev = new Date(Year,Month - 1, 1).getMonth()+1;
    var monthNext = new Date(Year,Month + 1, 1).getMonth()+1;
    var $buttonPrev=$(".departure-schedule-content .fc-header .fc-button-prev");
    var $buttonNext=$(".departure-schedule-content .fc-header .fc-button-next");
    $buttonPrev.empty().append("<"+""+monthPrev+"月");
    $buttonNext.empty().append(""+monthNext+"月"+">");
}

微信公众号
微信公众号:
  • 前端全栈之路(微信群)
前端QQ交流群
前端QQ交流群:
  • 794324979
  • 734802480(已满)

更多文章

栏目文章


Copyright © 2014-2023 seozhijia.net 版权所有-粤ICP备13087626号-4