как предупредить дату следующего месяца - PullRequest
Новая
       9

как предупредить дату следующего месяца

0 голосов
/ 03 июня 2019

Я использую плагин «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>

1 Ответ

0 голосов
/ 03 июня 2019

Я не уверен, зачем вам это нужно, поскольку новая дата уже будет отображаться в верхней части вашего календаря.

Однако, если оставить это в стороне, одним из способов достижения этого является обработка события viewRender . Это произойдет в любое время, когда в календаре будет изменен либо диапазон дат, либо тип представления, и он срабатывает непосредственно перед тем, как новое представление фактически отображается на экране. Согласно документации, объект представления, предоставленный в обратном вызове, содержит даты начала и окончания, которые должны быть отображены.

Вы могли бы написать что-то вроде этого: 

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

Вот рабочая демонстрация: http://jsfiddle.net/8bxqzfev/

...