Question

我正在使用“ fullcalendar”插件-https://fullcalendar.io/以便在日历上显示游览

当用户单击“下一个/上一个”按钮时，我如何提醒下一个/上一个“完整日期”？

即时，如果日历显示了当天（2019-06-03），而我单击“下一步”，则警报将显示2019-07-01。点击“ pre”将显示2019-05-01

我的代码：

<div id="calendar"></div>

<script>

          $(document).ready(function() {
            var initialLocaleCode = 'en';

            $('#calendar').fullCalendar({
              header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay,listMonth'
              },

              eventLimit: true, 
              editable: false,

              events: [

                {
                    title: 'tour 1',
                    start: '2019-05-05',
                    end:  '2019-05-11',
                    className: 'bg-warning'
                },{
                    title: 'title for tour num 2',
                    start: '2019-05-19',
                    end:  '2019-05-25',
                    className: 'bg-purple'
                },{
                    title: '3td tour title',
                    start: '2019-05-16',
                    end:  '2019-05-21',
                    className: 'bg-info'
                }   
              ]
            });


          });

</script>

Answer 1

我不确定您为什么需要这样做，因为新日期已经显示在日历的顶部。

但是，抛开这些，实现这一目标的一种方法是处理viewRender事件。在日历上更改日期范围或视图类型时，都会发生这种情况，并且会在新视图实际显示在屏幕上之前触发。根据文档，回调中提供的view对象包含将要显示的开始和结束日期。

您可以这样写：

viewRender: function( view, element )
{
  alert(view.start.format("YYYY-MM-DD"));
}

这是一个有效的演示：http://jsfiddle.net/8bxqzfev/

如何提醒下个月的日期

1 个答案: