javascript - 处理 dayClick 返回的日期时出现问题

Question

我是 FullCalendar 的新手，对 js/jquery 也比较陌生，所以如果这是一个简单的问题，请道歉。我尝试使用 FullCalendar 的 dayClick 返回的日期失败。

我希望捕获它，添加一天来创建第二个日期，并在限制对 google 日历 API 的 ajax 调用以获取一天的日历事件时使用两者。

我最近的尝试是在此处链接的 jsfiddle:http://jsfiddle.net/gbkester/a1zhhv6z/

$(document).ready(function() {
    $('#calendar').fullCalendar({
        defaultDate: '2014-06-12',
        editable: true,
        dayClick: function(date, allDay, jsEvent, view) {
            console.log(date)
            dy = date.getDay()
            console.log(dy)
            dt = new Date(date.getFullYear(), date.getMonth(), date.getDay(), 0, 0, 0)
            console.log(dt)
            dt2 = new Date(date.getFullYear(), date.getMonth(), date.getDay() + 1, 0, 0, 0)
            console.log(dt2)
        }
    });
});

Answer 1

根据 documentation

function( date, jsEvent, view ) { }

date holds a Moment for the clicked day

这意味着 FullCalendar 使用 Moment.js操纵所有与日期相关的事物。正如您可以从 Moment.js 的文档中看到的，它有多种可用的方法。

如果您将 dayClick 函数设置为如下所示，它将起作用:

dayClick: function(date, allDay, jsEvent, view) {
    var dt = date.toDate();
    // OR, if you want a specific format
    //var dt = date.format("YYYY-MM-DD HH:mm:ss");
    console.log(dt);

    dt2 = date.add(1, 'day');
    console.log(dt2.toDate());
}