Променете jquery full calendar extenal събитие с помощта на инструмент за избор на дата

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

След като пуснем външно събитие в блок за дата, възможно ли е да запазим събитието с помощта на външен инструмент за избор на дата?

Eg:

  1. Пуснахте събитие до 02 май 2014 г.
  2. Ако потребителят щракне върху събитието, изскачащ прозорец ще покаже инструмент за избор на дата на jquery Ui.
  3. Ако потребителят избере датата до 5 май 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 на fullcalendar, предавайки му същото актуализирано събитие.

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