Wie kann ich einstellen, dass Fullcalendar Optionen dynamisch

Wie kann ich die minTime und maxTime Optionen nach ist der Kalender erstellt?

Ich habe Folgendes versucht, was nicht funktioniert:

$('#calendar').fullCalendar('option', 'minTime', 7);
$('#calendar').fullCalendar('render');
Ich weiß nicht, ob der FC kann erneut initialisieren mit verschiedenen Optionen; in meine app, die ich nur tun window.location.reload() nach dem ändern der min/maxTime...

InformationsquelleAutor Bobby B | 2012-11-17

  1. 15

    Ich weiß nicht, ob es noch relevant ist, aber ich kann ändern Sie die Optionen mit der folgenden Anweisung:

    Beispiel für wählbar:

    $('#calendar').fullCalendar('getView').calendar.options.selectable = false;
$('#calendar').fullCalendar('render'); //rerender to see visual changes

    Wenn es nicht dynamisch, aber mindestens Sie nicht haben, zu zerstören, den gesamten Kalender und refetch Ihre Veranstaltungen 🙂

    Vielen Dank, dieser workaround ist genial. Es funktioniert auf fullcalendar v2 als gut, und ich möchte nur hinzufügen, dass, um die Optionen für die änderungen sichtbar Wirkung nennen: $('#calendar').fullCalendar('render');
    Dies ist heute die richtige Antwort.
    Wo ist die Dokumentation?

    InformationsquelleAutor the hand of NOD

  2. 4

    Diese Funktionalität wurde offiziell release in v2.9.0: http://fullcalendar.io/docs/utilities/dynamic_options/

    InformationsquelleAutor arshaw

  3. 4

    Kann nicht getan werden, ohne die Neuerstellung der Kalender.

    Update:
    Kann man in v 2.9: Siehe unten

    jetzt Sie können stackoverflow.com/a/39360621/4742733

    InformationsquelleAutor Bobby B

  4. 2

    Es ist eine offene Frage für diese Funktionalität hier:

    https://code.google.com/p/fullcalendar/issues/detail?id=293

    InformationsquelleAutor Joe

  5. 2

    Diese Weise können Sie ändern, wie viele Kalender-Optionen:

    //save the calendar options in a variable
var calendarOptions = $('#calendar')
     .fullCalendar('getView')
     .options;

//make your changes to the calendar options
//I wanted to change the slotDuration
calendarOptions.slotDuration = '00:20:00';

//destroy the calendar
$('#calendar')
     .fullCalendar('destroy');

//Lets load the calendar with the new options
$('#calendar')
     .fullCalendar(calendarOptions);

    Hoffe, das hilft. Danke.

    Dies ist die beste Antwort. Dank
    überprüfen Sie bitte meine Antwort hier : stackoverflow.com/a/39360621/4742733. Es scheint FullCalendar v3 ist raus und die Antwort ist hier effizienter.
    Ich möchte minTime und maxTime nach änderung Datum (next, back,heute... - Tasten), Was ist der beste Ort, den ich setzen kann code $('#cc-calendar') .fullCalendar('option','minTime','00:10:00'); ?
    Sie haben die Arbeit mit der callback function >> viewRender(callback) >> fullcalendar.io/docs/display/viewRender. Also, wenn eine Ansicht rendered nachdem Sie auf next,back,today Tasten, wird diese Funktion aufgerufen, und Sie können führen Sie Ihre code-Zeile innerhalb dieser Funktion.
    vielen Dank <3

    InformationsquelleAutor Akash

  6. 1

    nur mir dude Antwort ist tatsächlich der einzige Weg, fand ich mich.

    Dies ist nur ein Nachtrag zu dieser früheren Antwort :
    Wenn Sie möchten, ändern Sie die editable-option, die ist sehr nützlich, wenn Sie wollen, sperren Sie die Ereignisse für die Nachfrage Bestätigung auf eine änderung, bevor Sie die Aktualisierung Ihrer Datenbank, es ist ein wenig mehr tricky. In Fall können sparen Sie einige Zeit, um jemand, den ich dump der code: 

    var view = $('#calendar').fullCalendar('getView');
view.calendar.options.editable = false;
view.calendar.overrides.editable = false;
view.calendar.viewSpecCache.month.options.editable = false;
view.calendar.viewSpecCache.agendaWeek.options.editable = false;
view.calendar.viewSpecCache.agendaDay.options.editable = false;
$('#calendar').fullCalendar('render');

    Du natürlich ändern alle diese false auf true zu entsperren.

    InformationsquelleAutor TomVerdier

  7. 0

    Dieser code nur Tat gut für mich. Rufen Sie diese Funktion überall, und übergeben Sie so viele benutzerdefinierte Variablen, aber vergessen Sie nicht, zerstören Sie die vorangegangene erste

    function initializeCalendar( timeIntervalCustom ) {
  $('#calendar'+id).fullCalendar({
  slotMinutes: timeIntervalCustom,

});                       

}

$('#calendar').fullCalendar("destroy");
initializeCalendar(10);

    InformationsquelleAutor valar morghulis

Schreibe einen Kommentar