Javascript 某些事件应仅在日视图fullcalendar中显示
我已呈现Javascript 某些事件应仅在日视图fullcalendar中显示,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,我已呈现fullcalendarevent months week and day视图。但我希望一些事件只进入月视图，而其他一些事件只进入周视图和休息日视图。有没有办法实现这一点。希望你能理解 function BookingCalendar() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear();
fullcalendar function BookingCalendar() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $('#bookingCalendar').fullCalendar({
theme: false,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
selectable: true,
selectHelper: true,
slotEventOverlap: false,
events: {
url: 'Booking',
type: 'POST',
data: {
//companyId: $('#CompanyID').val(),
companyId: 0,
}
},
eventRender: function(event, element) {
var toolTipContent = '';
var count = 0;
if (event.itemcode != '') {
var strItemCode = event.itemcode.split(";");
for (var i = 0; i < strItemCode.length; i++) {
count++;
toolTipContent = toolTipContent + strItemCode[i] + '<br />';
if (count > 3) {
toolTipContent = toolTipContent + '...' + '<br />';
break;
}
}
}
else
{
if (event.id != '') {
toolTipContent = toolTipContent + event.id + '<br/>';
}
if (event.CustomerName != '') {
toolTipContent = toolTipContent + event.CustomerName + '<br/>';
}
if (event.ShipAddress != '') {
toolTipContent = toolTipContent + event.ShipAddress + '<br/>';
}
if (event.ShipCity != '') {
toolTipContent = toolTipContent + event.ShipCity + ',';
}
if (event.ShipState != '') {
toolTipContent = toolTipContent + event.ShipState + ' - ';
}
if (event.ShipPostalCode != '') {
toolTipContent = toolTipContent + event.ShipPostalCode + '<br/>';
}
if (event.Country != '') {
toolTipContent = toolTipContent + event.Country + '<br/>';
}
if (event.Email != '') {
toolTipContent = toolTipContent + 'E: ' + event.Email + '<br/>';
}
if (event.Phone != '') {
toolTipContent = toolTipContent + 'P: ' + event.Phone;
}
if (event.Phone != '') {
toolTipContent = toolTipContent + 'P: ' + event.Phone;
}
}
element.qtip({
content: toolTipContent,
position: { corner: { tooltip: 'bottomLeft', target: 'topRight' } },
style: {
border: {
width: 1,
radius: 3,
color: '#2779AA'
},
padding: 10,
textAlign: 'left',
tip: true, // Give it a speech bubble tip with automatic corner detection
name: 'cream' // Style it according to the preset 'cream' style
}
});
}
});
}
功能预订日历（）{
变量日期=新日期（）；
var d=date.getDate（）；
var m=date.getMonth（）；
var y=date.getFullYear（）；
var calendar=$（“#bookingCalendar”）.fullCalendar({
主题：假，
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，agendaWeek，agendaDay”
},
是的，
selectHelper:对，
slotEventOverlap：错误，
活动：{
网址：'预订'，
键入：“POST”，
数据：{
//公司ID:$（'#公司ID'）.val（），
公司ID:0，
}
},
eventRender:函数（事件，元素）{
var toolTipContent=''；
var计数=0；
如果（event.itemcode！=''）{
var strItemCode=event.itemcode.split（“；”）；
对于（变量i=0；i'；
如果（计数>3）{
toolTipContent=toolTipContent+'…'+'
；
打破
}
}
}
其他的
{
如果（event.id！=''）{
toolTipContent=toolTipContent+event.id+'
'；
}
如果（event.CustomerName！=''）{
toolTipContent=toolTipContent+event.CustomerName+'
；
}
如果（event.ShipAddress！=''）{
toolTipContent=toolTipContent+event.ShipAddress+'
'；
}
如果（event.ShipCity！=''）{
toolTipContent=toolTipContent+event.ShipCity+'，'；
}
如果（event.ShipState！=''）{
toolTipContent=toolTipContent+event.ShipState+'-'；
}
如果（event.shippastalcode！=''）{
toolTipContent=toolTipContent+event.ShipPostalCode+'
'；
}
如果（event.Country！=''）{
toolTipContent=toolTipContent+event.Country+'
'；
}
如果（event.Email！=''）{
toolTipContent=toolTipContent+'E:'+event.Email+'
；
}
如果（event.Phone！=''）{
toolTipContent=toolTipContent+'P:'+event.Phone；
}
如果（event.Phone！=''）{
toolTipContent=toolTipContent+'P:'+event.Phone；
}
}
元素qtip({
内容：ToolTiContent，
位置：{角：{工具提示：'bottomLeft'，目标：'topRight'}，
风格：{
边界：{
宽度：1，
半径：3，
颜色：“#2779AA”
},
填充：10，
textAlign:'左'，
提示：正确，//给它一个带有自动角点检测的语音气泡提示
名称：'cream'//根据预设的'cream'样式设置样式
}
});
}
});
}
eventRendereventRender: function(event, element, view) {
var toolTipContent = 'This item is viewable in '+view.type;
var count = 0;
console.log(view.type);
console.log(event.viewableIn);
console.log(element);
if( $.inArray( view.type,event.viewableIn ) == -1 ){
element.length = 0; // This is the trick to "remove" the element.
}
console.log(element); // To check the element again...
console.log(); // Just an empty line in console.log().
}
视图.typeeventRendereventRender: function(event, element, view) {
var toolTipContent = 'This item is viewable in '+view.type;
var count = 0;
console.log(view.type);
console.log(event.viewableIn);
console.log(element);
if( $.inArray( view.type,event.viewableIn ) == -1 ){
element.length = 0; // This is the trick to "remove" the element.
}
console.log(element); // To check the element again...
console.log(); // Just an empty line in console.log().
}
视图.type