单击按钮后更改完整日历选项(即可选)

Question

我对全日历有一个小问题.js。我正在尝试在单击按钮后更改日历的选项，但它不起作用。

那是我的js：

var calendar = $('#calendar');
calendar.fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek,basicDay'
    },
    defaultView: 'month',
    selectable: true
});
$('#but').on(click, function(e) {
    calendar.fullCalendar('selectable', false);
});

和我的网页

<div id='calendar'></div>
<button id='but'>
Not selectable
</button>

这里是JSFiddle：http://jsfiddle.net/CYnJY/874/

我做错了什么？谢谢！

Answer 1

将此$('#but').on(click, function(e) {更改为$('#but').on('click', function(e) {

还可以使用 calendar.fullCalendar( 'destroy' ) 销毁日历并创建新日历。

 $('#but').on('click', function(e) {
   calendar.fullCalendar( 'destroy' )
   calendar.fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,basicWeek,basicDay'
    },
    defaultView: 'month',
    selectable: false
 });
});

检查此 http://jsfiddle.net/k4dhm3yL/