blocks|key|616156|text|您可以简单地将事件附加到按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|616157|$('.fc-button-prev+span').click(function(){
+++alert('prev+is+clicked,+do+something');
});

$('.fc-button-next+span').click(function(){
+++alert('nextis+clicked,+do+something');
});|code-block|syntax|javascript|616158|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You couldsimply attach an event to the button:

<pre><code>$('.fc-button-prev span').click(function(){
 alert('prev is clicked, do something');
});

$('.fc-button-next span').click(function(){
 alert('nextis clicked, do something');
});
</code></pre>

blocks|key|616208|text|最好的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|616209|viewRender:+function(view,+element)+{
++var+b+=+$('#calendar').fullCalendar('getDate');
++alert(b.format('L'));
},|code-block|syntax|javascript|616210|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The best way is:

<pre class="lang-js prettyprint-override"><code>viewRender: function(view, element) {
 var b = $('#calendar').fullCalendar('getDate');
 alert(b.format('L'));
},
</code></pre>

blocks|key|616186|text|这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|616187|$('body').on('click',+'button.fc-prev-button',+function()+{
++//do+something
});

$('body').on('click',+'button.fc-next-button',+function()+{
++//do+something
});|code-block|syntax|javascript|616188|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This worked for me:

<pre><code>$('body').on('click', 'button.fc-prev-button', function() {
 //do something
});

$('body').on('click', 'button.fc-next-button', function() {
 //do something
});
</code></pre>

blocks|key|831705|text|当您单击它们时，会触发viewRender事件。你也可以在里面添加你的代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|831706|$('#calendar').fullCalendar({
++++viewRender:+function(view,+element)+{
++++++++//Do+something
++++}
});|code-block|syntax|javascript|831707|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

When you click them, viewRender event is triggered. You could add your code inside it as well.

<pre><code>$('#calendar').fullCalendar({
 viewRender: function(view, element) {
 //Do something
 }
});
</code></pre>

blocks|key|831619|text|只是快速更新，不知道多久，但公认的答案对我来说是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|831620|$('.fc-prev-button').click(function(){
+++alert('prev+is+clicked,+do+something');
});

$('.fc-next-button').click(function(){
+++alert('nextis+clicked,+do+something');
});|code-block|syntax|javascript|831621|注意细微的变化，|831622|今天的点击如下所示：|831623|$(".fc-today-button").click(function+()+{|831624|希望我帮了什么人。|831625|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Just a quick update, no idea for how long but the accepted answer works for me like this:

<pre><code>$('.fc-prev-button').click(function(){
 alert('prev is clicked, do something');
});

$('.fc-next-button').click(function(){
 alert('nextis clicked, do something');
});
</code></pre>

Notice slight change,

also on today click is as follows:

<pre><code>$(".fc-today-button").click(function () {
</code></pre>

Hope i helped someone.

blocks|key|616361|text|另一种解决方案是定义自定义的prev/next按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|616362|$('#m_calendar').fullCalendar({
+header:+{
+++++++++left:+'customPrevButton,customNextButton+today',
+++++++++center:+'title',
+},
+customButtons:+{
++++++++++++++++customPrevButton:+{
++++++++++++++++++++text:+'custom+prev+!',
++++++++++++++++++++click:+function+()+{
++++++++++++++++++++++++alert('custom+prev+!+clicked+!');

++++++++++++++++++++}
++++++++++++++++},
++++++++++++++++customNextButton:+{
++++++++++++++++++++text:+'custom+ext!',
++++++++++++++++++++click:+function+()+{
+++++++++++++++++++++++alert('custom+ext+!+clicked+!');
++++++++++++++++++++}
++++++++++++++++},
++++++++++++}
});|code-block|syntax|javascript|616363|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Another solution is to define your custom prev/next button: 

<pre><code>$('#m_calendar').fullCalendar({
 header: {
 left: 'customPrevButton,customNextButton today',
 center: 'title',
 },
 customButtons: {
 customPrevButton: {
 text: 'custom prev !',
 click: function () {
 alert('custom prev ! clicked !');

 }
 },
 customNextButton: {
 text: 'custom ext!',
 click: function () {
 alert('custom ext ! clicked !');
 }
 },
 }
});
</code></pre>

blocks|key|616416|text|在事件中声明Calendar时，您可以编写事件的回调函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|616417|$('#calender').fullCalendar({

events:++function+(start,+end,+timezone,+callback)+{
++++++++++++++++++++callback(eventsarray);
++++++++++++++++}
});|code-block|syntax|javascript|616418|//eventsarray+-这是日历的数据集合。您还可以通过传递所选/当前月份的第一个和最后一个日期并处理上一个和下一个事件来调用按月函数。|616419|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

During declaration of Calendar in events you can write the event's callback function:

<pre><code>$('#calender').fullCalendar({

events: function (start, end, timezone, callback) {
 callback(eventsarray);
 }
});
</code></pre>

//eventsarray - This is a collection of data of the calendar. You can also call month wise function in this by passing first and last date of selected / current month and handle prev and next event.

blocks|key|616110|text|$('.fc-button-next+span').click(function(){

+++//do+your+work+

});


$('.fc-button-prev+span').click(function(){

+++//do+your+work+

});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|616111|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('.fc-button-next span').click(function(){

 //do your work 

});


$('.fc-button-prev span').click(function(){

 //do your work 

});
</code></pre>

blocks|key|616456|text|使用on代替click|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|616457|$('body').on('click',+'.fc-prev-button',+function()+{
});

$('body').on('click',+'.fc-next-button',+function()+{
});|code-block|syntax|javascript|616458|当您的日历可以在任何时间点动态初始化时，这很有用。|616459|entityMap^0|2|2|6|5|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

Instead of <code>click</code> use <code>on</code>
<pre><code>$('body').on('click', '.fc-prev-button', function() {
});

$('body').on('click', '.fc-next-button', function() {
});
</code></pre>
this is useful when your calendar can dynamically initialize at any point of time.

In <a href="http://arshaw.com/fullcalendar/" rel="noreferrer">jQuery fullcalendar</a> we have previous and next buttons. How can we call some events on click of these buttons?

How to call events on clicking prev and next button?

在中我们有“上一步”和“下一步”按钮。如何在单击这些按钮时调用一些事件？

问如何在点击上一步和下一步按钮时调用事件？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在点击上一步和下一步按钮时调用事件？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在点击上一步和下一步按钮时调用事件？
EN