Question

如何制作自定义按钮以制作跳转日期功能？

$('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek,basicDay, myCustomButton'
        },
        customButtons: {
        myCustomButton: {
            text: 'Jump to date!',
            click: function() {

                // Jump to date function
                alert('clicked the custom button!');
            }
        }
    },

Answer 1

这将使日历在点击时转到特定日期：

customButtons: {
  myCustomButton: {
    text: 'Jump to date',
    click: function() {
      $("#calendar").fullCalendar('gotoDate', moment());
    }
  }
},

如图所示，这将简单地转到当前日期（实际上与内置＆＃34;今天＆＃34;按钮＆＃34;相同）。如果您希望它执行不同的操作，那么您可以执行某些操作以允许用户选择日期。除了进入（任意）日期之外，问题并不清楚你想要什么，所以很难提供更具体的建议。

有关fullCalendar gotoDate方法的详细信息，请参阅https://fullcalendar.io/docs/current_date/gotoDate/。

有关上述代码的有效演示，请参阅http://jsfiddle.net/sbxpv25p/82/。

Answer 2

是的，ADyson已经为您解答了这个问题，但只是为了澄清;该答案中给出的示例将带您到当前日期，如果这是您的意图，则必须使用静态日期创建您的时刻对象，例如 -

currentDate = $('#calendar').fullCalendar('getDate');
newDate = moment(currentDate).add(7, 'days').format();
$("#calendar").fullCalendar( 'gotoDate', newDate );

或者，如果您需要使用日历的当前日期作为计算新日期的基础，比如说前进一周，例如您可以执行以下操作 -

connect somemachine

How do I fix PyDev "Undefined variable from import" errors?有关操纵moment.js对象的更多信息。

Fullcalendar跳转至今

2 个答案: