接收"未捕获的TypeError:start.getTime不是函数"尽管小提琴工作

时间:2015-08-20 20:04:30

标签: javascript jquery fullcalendar datejs

我有一个名为myDataset的全局变量:

var myDataset = {
    "classes":[
        [
            {
                "name":"ECEC 301 Advanced Programming for Engineers Lecture",
                "days":"MWF",
                "times":"02:00 pm - 03:20 pm",
                "crn":"11215"
            },
            {
                "name":"ECEC 301 Advanced Programming for Engineers Lab",
                "days":"W",
                "times":"09:00 am - 10:50 am",
                "crn":"11216"
            }
        ],
        [
            {
                "name":"ECEC 301 Advanced Programming for Engineers Lecture",
                "days":"MWF",
                "times":"02:00 pm - 03:20 pm",
                "crn":"11215"
            },
            {
                "name":"ECEC 301 Advanced Programming for Engineers Lab",
                "days":"F",
                "times":"02:00 pm - 03:50 pm",
                "crn":"11217"
            }
        ]
    ]
};

立即在此之下,我初始化我的fullCalendar对象:

    $('#calendar').fullCalendar({
        editable: false,
        weekMode: 'liquid',
        handleWindowResize: true,
        weekends: false, // Hide weekends
        defaultView: 'agendaWeek', // Only show week view
        header: false, // Hide buttons/titles
        minTime: '07:00:00', // Start time for the calendar
        columnFormat: {
            week: 'dddd' // Only show day of the week names
        }
    });

我使用addEventSource覆盖默认行为:

    $('#calendar').fullCalendar( 'addEventSource',
        function(start, end, callback) {
            // When requested, dynamically generate virtual
            // events for every monday and wednesday.
            var events = [];

            for (loop = start.getTime();
                 loop <= end.getTime();
                 loop = loop + (24 * 60 * 60 * 1000)) {
                var test_date = new Date(loop);
                var classes = myDataset.classes;
                for(i = 0; i < classes.length; i++){

                    var obj = classes[i];
                    for(j=0; j < obj.length; j++){

                        var days = obj[j].days;
                        var daysArray = days.split('');

                        for(k =0; k < daysArray.length; k++){

                            if(daysArray[k] == 'M' && test_date.is().monday()){
                                events.push({
                                    title: obj[j].name,
                                    start: $.fullCalendar.formatDate( test_date,  'yyyy-MM-dd HH:mm:ss')
                                });
                            }
                            else if(daysArray[k] == 'T' && test_date.is().tuesday()){
                                events.push({
                                    title: obj[j].name,
                                    start: $.fullCalendar.formatDate( test_date,  'yyyy-MM-dd HH:mm:ss')
                                });
                            }
                            else if(daysArray[k] == 'W' && test_date.is().wednesday()){
                                events.push({
                                    title: obj[j].name,
                                    start: $.fullCalendar.formatDate( test_date,  'yyyy-MM-dd HH:mm:ss')
                                });
                            }
                            else if(daysArray[k] == 'R' && test_date.is().thursday()){
                                events.push({
                                    title: obj[j].name,
                                    start: $.fullCalendar.formatDate( test_date,  'yyyy-MM-dd HH:mm:ss')
                                });
                            }
                            else if(daysArray[k] == 'F' && test_date.is().friday()){
                                events.push({
                                    title: obj[j].name,
                                    start: $.fullCalendar.formatDate( test_date,  'yyyy-MM-dd HH:mm:ss')
                                });
                            }
                        }
                    }

                }
            }
            // return events generated
            callback( events );
        }
    );

但是,当我加载页面时,出现以下错误:

Uncaught TypeError: start.getTime is not a function

此错误出现在addEventSource的代码段的第三部分。

在我的HTML页面的标题上,我有以下内容:

<script src="https://cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js"></script>

我也试过把它放在下面。

最后,我还在Chrome开发工具中检查了我的Sources,并确实加载了该库。

奇怪的是......我的小提琴起作用:http://jsfiddle.net/h9cC6/2088/

编辑:

start的输出:

enter image description here

编辑2:

所以看起来Fiddle正在使用Date对象,但我的代码正在使用Moment对象。

enter image description here

1 个答案:

答案 0 :(得分:5)

如果您的代码使用moment对象,但您希望使用date对象,则需要稍微调整一下代码:

 for (loop = start.getTime();
             loop <= end.getTime();
             loop = loop + (24 * 60 * 60 * 1000)) {

要:

for (loop = start._d.getTime();
             loop <= end._d.getTime();
             loop = loop + (24 * 60 * 60 * 1000)) {

使用toDate方法:http://momentjs.com/docs/#/displaying/as-javascript-date/

for (loop = start.toDate().getTime();
             loop <= end.toDate().getTime();
             loop = loop + (24 * 60 * 60 * 1000)) {

更新了答案

我刚刚更新了您的小提琴以使用fullcallendar 2.4.0并修改了您的代码:

工作小提琴:http://jsfiddle.net/robertrozas/h9cC6/2090/