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

0

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

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

Например:

  1. Выпустил мероприятие до 02 мая 2014 года.
  2. Если пользователь нажмет на событие, всплывающее окно отобразит jquery Ui date picker.
  3. Если пользователь выбирает дату до 05 мая 2014 года, событие также должно автоматически расширяться до 5-го.
  • 0
    да, это можно сделать ... попробуйте .. :) и вернитесь, если у вас есть проблемы с кодами ...
  • 0
    @Reigel Можно ли предоставить пример кода или ссылку на ссылку. Или какой метод я должен использовать?
Теги:
datepicker
fullcalendar

1 ответ

1

Я бы использовал метод eventClick, чтобы открыть диалоговое окно jquery ui, которое содержит один текстовый ввод с именем datepicker, вызываемым на нем. Используя метод onSelect для datepicker, вы можете обновить начальные и конечные значения объекта события, переданного методу 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);
    }});
}
  • 0
    Спасибо за повтор, я буду запускать updateEvent в цикле, а также хочу убедиться, что пользователь может удалить событие, выбрав предыдущую дату.
  • 0
    fullcalendar обрабатывает все элементы отображения, когда вы выбираете разные даты. Просто убедитесь, что вы используете встроенные методы it.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню