在同一个完整日历上显示工作日和周末

时间:2012-11-12 10:28:24

标签: php javascript fullcalendar

我想在同一个完整的日历中同时显示一周中的所有日子和工作日。我希望在日历上有两个按钮,称为“周”,已经在完整的日历上显示全天一周和其他按钮称为“工作周”,它会在点击它后仅显示周末。 建议我这样做。

这是我的代码

<script type='text/javascript'>
$(function() { 
  var date = new Date(); 
  var d = date.getDate(); 
  var m = date.getMonth(); 
  var y = date.getFullYear(); 
  var calendar = $('#calendar').fullCalendar({ 
    header: { 
      left: 'prev,next today', 
      center: 'title', 
       right: 'agendaDay,agendaWeek,month' 
    }, 
    selectable: true, 
    selectHelper: true, 
    weekends:false, 
    defaultView: 'agendaWeek', 
    select: function(start, end, allDay) { //calendar.fullCalendar('unselect'); 
    },
    editable: true 
   }); 
 }); 
</script

1 个答案:

答案 0 :(得分:0)

重复FullCalendar switch between weekends and no weekends

所以只有从DOM

中删除以前的日历副本时,此答案才有效

http://arshaw.com/fullcalendar/docs/usage/

HTML:

<input type="button" id="weekends" value="Include weekends" />
<input type="button" id="workweek" value="Exclude weekends" />

的JavaScript

$(function() {
  $("#weekends").on("click",function() {
    $('#calendar').fullCalendar({weekends:true});
  });
  $("#workweek").on("click",function() {
    $('#calendar').fullCalendar({weekends:false});
  });
});

测试我的建议尝试粘贴这个

javascript:(function() {$('#calendar').fullCalendar({weekends:false})})()

进入此页面上的位置栏并按Enter键(在Fx 15+中使用控制台或创建书签)

http://arshaw.com/js/fullcalendar-1.5.4/demos/external-dragging.html