Coldfusion 完整日历-如何区分过去事件和未来事件
我很难消除本月未反映的过去和未来事件。目前我有以下代码:Coldfusion 完整日历-如何区分过去事件和未来事件,coldfusion,fullcalendar,mura,Coldfusion,Fullcalendar,Mura,我很难消除本月未反映的过去和未来事件。目前我有以下代码: <cffunction name="FullCalendar"> <cfscript> var calendarid = $.getbean('content').loadby(title='Regal Events').getcontentid(); </cfscript> <cfsavecontent variable="local.st
<cffunction name="FullCalendar">
<cfscript>
var calendarid = $.getbean('content').loadby(title='Regal Events').getcontentid();
</cfscript>
<cfsavecontent variable="local.str">
<cfoutput>
<h3>Upcoming Events</h3>
<div id="UpcomingCal" class="calendarResize">
</div>
<script>
mura.loader()
.loadcss("#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.css",{media:'all'})
.loadcss("#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.print.css",{media:'print'})
.loadjs(
"#$.siteConfig('requirementspath')#/fullcalendar/lib/moment.min.js",
"#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.min.js",
"#$.siteConfig('requirementspath')#/fullcalendar/gcal.js",
function(){
$('##RegalUpcomingCal').fullCalendar({
weekMode: 'liquid',
eventSources: [
{
url: '#variables.$.siteConfig('requirementspath')#/fullcalendar/proxy.cfc?calendarid=#esapiEncode("javascript",CalendarID)#'
, type: 'POST'
, data: {
method: 'getFullCalendarItems'
, calendarid: '#esapiEncode("javascript",CalendarID)#'
, siteid: '#variables.$.content('siteid')#'
, categoryid: '#esapiEncode('javascript',variables.$.event('categoryid'))#'
, tag: '#esapiEncode('javascript',variables.$.event('tag'))#'
}
<!---, color: '#this.calendarcolors[colorIndex].background#'
, textColor: '#this.calendarcolors[colorIndex].text#'--->
, error: function() {
$('##mura-calendar-error').show();
}
},
]
})
}
)
</script>
</cfoutput>
</cfsavecontent>
<cfreturn local.str />
</cffunction>
var calendarid=$.getbean('content').loadby(title='Regal Events').getcontentid();
即将举行的活动
mura.loader()
.loadcss(“#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.css”,{media:'all'})
.loadcss(“#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.print.css”,{media:'print})
.loadjs(
“#$.siteConfig('requirementspath')#/fullcalendar/lib/moment.min.js”,
“#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.min.js”,
“#$.siteConfig('requirementspath')#/fullcalendar/gcal.js”,
函数(){
$('##RegalUpcomingCal')。完整日历({
周模式:“液体”,
事件来源:[
{
url:“#变量.$.siteConfig('requirementspath')#/fullcalendar/proxy.cfc?calendarid=#esapiEncode(“javascript”,calendarid)#”
,键入:“POST”
,数据:{
方法:“getFullCalendarItems”
,calendarid:“#esapiEncode(“javascript”,calendarid)#”
,siteid:“#变量.$.content('siteid')#”
,categoryid:“#esapiEncode('javascript',variables.$.event('categoryid'))#”
,tag:“#esapiEncode('javascript',variables.$.event('tag'))#”
}
,错误:函数(){
$(“##穆拉日历错误”).show();
}
},
]
})
}
)
我能够删除日期,但当它生成时,它确实得到了日历的结构,我不知道为什么。但是,我不知道如何添加以下代码来区分过去和未来的事件:
eventRender:function(event, tag){
var ntoday = new Date().getTime();
var eventEnd = moment( event.end ).valueOf();
var eventStart = moment( event.start ).valueOf();
if (!event.end){
if (eventStart < ntoday){
element.addClass("fc-content");
element.children().addClass("fc-content");
}
} else {
if (eventEnd < ntoday){
element.addClass("fc-content");
element.children().addClass("fc-content");
}
eventRender:函数(事件、标记){
var ntoday=new Date().getTime();
var eventEnd=力矩(event.end).valueOf();
var eventStart=时刻(event.start).valueOf();
如果(!event.end){
如果(事件开始<当天){
元素addClass(“fc内容”);
element.children().addClass(“fc内容”);
}
}否则{
如果(eventEnd
}
}
并且不确定在代码中的何处添加它。任何帮助都将不胜感激
谢谢
更新
目前我的代码中有eventRender,但它仍然不会删除过去或将来的事件。我做错了什么
<cffunction name="FullCalendar">
<cfscript>
var calendarid = $.getbean('content').loadby(title='Regal Events').getcontentid();
</cfscript>
<cfsavecontent variable="local.str">
<cfoutput>
<h3>Upcoming Events</h3>
<div id="UpcomingCal" class="calendarResize">
</div>
<script>
mura.loader()
.loadcss("#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.css",{media:'all'})
.loadcss("#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar-custom.css",{media:'all'})
.loadcss("#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.print.css",{media:'print'})
.loadjs(
"#$.siteConfig('requirementspath')#/fullcalendar/lib/moment.min.js",
"#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.min.js",
"#$.siteConfig('requirementspath')#/fullcalendar/gcal.js",
function(){
$('##UpcomingCal').fullCalendar({
weekMode: 'liquid',
eventSources: [
{
url: '#variables.$.siteConfig('requirementspath')#/fullcalendar/proxy.cfc?calendarid=#esapiEncode("javascript",CalendarID)#'
, type: 'POST'
, data: {
method: 'getFullCalendarItems'
, calendarid: '#esapiEncode("javascript",CalendarID)#'
, siteid: '#variables.$.content('siteid')#'
, categoryid: '#esapiEncode('javascript',variables.$.event('categoryid'))#'
, tag: '#esapiEncode('javascript',variables.$.event('tag'))#'
}
<!---, color: '#this.calendarcolors[colorIndex].background#'
, textColor: '#this.calendarcolors[colorIndex].text#'--->
, error: function() {
$('##mura-calendar-error').show();
}
, eventRender:function(event, element, view){
var ntoday = new Date().getTime();
var eventEnd = moment( event.end ).valueOf();
var eventStart = moment( event.start ).valueOf();
if (!event.end){
if (eventStart < ntoday){
element.addClass("past-event");
element.children().addClass("past-event");
}
} else {
if (eventEnd < ntoday){
element.addClass("past-event");
element.children().addClass("past-event");
}
}
}
},
]
});
}
)
</script>
</cfoutput>
</cfsavecontent>
<cfreturn local.str />
</cffunction>
var calendarid=$.getbean('content').loadby(title='Regal Events').getcontentid();
即将举行的活动
mura.loader()
.loadcss(“#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.css”,{media:'all'})
.loadcss(“#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar custom.css”,{media:'all'})
.loadcss(“#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.print.css”,{media:'print})
.loadjs(
“#$.siteConfig('requirementspath')#/fullcalendar/lib/moment.min.js”,
“#$.siteConfig('requirementspath')#/fullcalendar/fullcalendar.min.js”,
“#$.siteConfig('requirementspath')#/fullcalendar/gcal.js”,
函数(){
$('##UpcomingCal')。完整日历({
周模式:“液体”,
事件来源:[
{
url:“#变量.$.siteConfig('requirementspath')#/fullcalendar/proxy.cfc?calendarid=#esapiEncode(“javascript”,calendarid)#”
,键入:“POST”
,数据:{
方法:“getFullCalendarItems”
,calendarid:“#esapiEncode(“javascript”,calendarid)#”
,siteid:“#变量.$.content('siteid')#”
,categoryid:“#esapiEncode('javascript',variables.$.event('categoryid'))#”
,tag:“#esapiEncode('javascript',variables.$.event('tag'))#”
}
,错误:函数(){
$(“##穆拉日历错误”).show();
}
,eventRender:函数(事件、元素、视图){
var ntoday=new Date().getTime();
var eventEnd=力矩(event.end).valueOf();
var eventStart=时刻(event.start).valueOf();
如果(!event.end){
如果(事件开始<当天){
元素addClass(“过去事件”);
element.children().addClass(“过去的事件”);
}
}否则{
如果(eventEnd