如何提醒下个月的日期

Question

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

当用户单击 next/pre 按钮时，我如何提醒 next/pre 完整日期？

即时，如果日历显示当前日期 (2019-06-03) 并且我单击 "next"，则警报将显示 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 事件。这将在日历上的日期范围或视图类型更改时发生，并在新视图实际显示在屏幕上之前触发。根据文档，回调中提供的视图对象包含将要显示的开始日期和结束日期。

你可以这样写：

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

这是一个工作演示：http://jsfiddle.net/8bxqzfev/

如何提醒下个月的日期

how to alert next month date

javascript

fullcalendar

fullcalendar-3