Изменить полное внешнее событие календаря jquery с помощью средства выбора даты

Может ли кто-нибудь дать мне совет для нижеприведенной функциональности, возможной с полным календарем jquery.

Как только мы поместим внешнее событие в блок даты, возможно ли сохранить событие с помощью внешнего средства выбора даты?

Eg:

  1. Перенес событие на 02 мая 2014 года.
  2. Если пользователь нажмет на событие, всплывающее окно покажет средство выбора даты jquery Ui.
  3. Если пользователь выберет дату до 05 мая 2014 года, событие также должно автоматически продлиться до 5-го числа.

person Jaison James    schedule 02.05.2014    source источник
comment
да, это можно сделать... попробуй.. :) и возвращайся, если у тебя проблемы с кодами...   -  person Reigel    schedule 02.05.2014
comment
@Reigel Можно ли предоставить образец кода или справочную ссылку. Или какой метод использовать?   -  person Jaison James    schedule 02.05.2014


Ответы (1)


Я бы использовал метод eventClick, чтобы открыть диалоговое окно пользовательского интерфейса jquery, содержащее один текстовый ввод с вызванным на нем средством выбора даты. Используя метод onSelect средства выбора даты, вы можете обновить начальное и конечное значения объекта события, переданного методу eventClick. Затем вы можете вызвать метод updateEvent полного календаря, передав ему то же самое обновленное событие.

eventClick: function(event){
    var input = $('<input type="text" id="datepicker" />');
    var $dialog = $('<div/>').dialog({autoOpen:true, modal:true});
    $dialog.append(input);
    $('#datepicker').datepicker({onSelect: function(date){
        // you'll have to manually format the date value
        // into something fullcalendar understands
        // I don't remember off the top of my head what 
        // format onSelect returns to you or what
        // fullcalendar requires.
        event.start = date;
        $calendar.fullCalendar('updateEvent', event);
    }});
}
person ShadeTreeDeveloper    schedule 06.05.2014
comment
Спасибо за повтор, я запущу updateEvent в цикле, также хочу убедиться, что пользователь может удалить событие, выбрав предыдущую дату. - person Jaison James; 07.05.2014
comment
fullcalendar обрабатывает все отображаемые данные, когда вы выбираете разные даты. Просто убедитесь, что вы используете встроенные методы. - person ShadeTreeDeveloper; 07.05.2014
comment
Но как я могу удалить событие, если пользователь уменьшит диапазон дат. Возможно ли это как $calendar.fullCalendar('updateEvent', '') ? - person Jaison James; 07.05.2014