javascript - Disable Event resizing in Angular-UI calendarfullcalender - Stack Overflow

admin管理员组

文章数量:1425709

We don't have any duration for our events that we visualize using angular-ui-calendar, so we don't want the user to do any resizing, while still being able to drag&drop the events to move them to another date and time. Where can I configure this?

$scope.uiConfig = {
    calendar: {
      height: 450,
      editable: true,
      // here?! resizable: false won't work


  $scope.events = [
    {
        // or here? resizable: false won't do anything
        title: "Test", start: new Date(2014, 0, 1, 12, 0), end: new Date(2014, 0, 1, 12, 30), allDay: false}
  ];

Of course I could just revert the resize in the event handler (eventResize), but I think that results in a bad user experience.

Also: We would like to hide the end date of an event, since we don't have any (skipping the endDate property will just result in a two hour duration, so using half an hour will at least keep the size small)

Thanks!

We don't have any duration for our events that we visualize using angular-ui-calendar, so we don't want the user to do any resizing, while still being able to drag&drop the events to move them to another date and time. Where can I configure this?

$scope.uiConfig = {
    calendar: {
      height: 450,
      editable: true,
      // here?! resizable: false won't work


  $scope.events = [
    {
        // or here? resizable: false won't do anything
        title: "Test", start: new Date(2014, 0, 1, 12, 0), end: new Date(2014, 0, 1, 12, 30), allDay: false}
  ];

Of course I could just revert the resize in the event handler (eventResize), but I think that results in a bad user experience.

Also: We would like to hide the end date of an event, since we don't have any (skipping the endDate property will just result in a two hour duration, so using half an hour will at least keep the size small)

Thanks!

• javascript
• angularjs
• fullcalendar
• angular-ui

Share Improve this question Follow asked Jan 16, 2014 at 13:26 PetePete 10.9k2828 gold badges9595 silver badges143143 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Depends on your version of fullcalendar. The latest is eventDurationEditable (since 1.6.3).

http://arshaw./fullcalendar/docs/event_ui/eventDurationEditable/

Example:

$('#calendar').fullCalendar({
        editable: true,
        eventDurationEditable: false, ...

Deprecated version

$('#calendar').fullCalendar({
        editable: true,
        disableResizing: true, ...

Current version of full calendar has depreciated disableResizing: true option.

You could simply alter the code from following:

$('#calendar').fullCalendar({
    editable: true,
    eventDurationEditable: false, ...

To:

    $('#calendar').fullCalendar({
    editable: false,

本文标签： javascriptDisable Event resizing in AngularUI calendarfullcalenderStack Overflow