javascript – 在Angular-UI日历​​/ fullcalender中禁用事件大小调整

对于我们使用angular-ui-calendar进行可视化的事件,我们没有任何持续时间,因此我们不希望用户进行任何调整大小,同时仍然能够拖放事件以将其移动到另一个日期和时间.我在哪里可以配置？

$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}
  ];

当然我可以在事件处理程序(eventResize)中恢复调整大小,但我认为这会导致糟糕的用户体验.

另外：我们想要隐藏事件的结束日期,因为我们没有任何事件(跳过endDate属性只会导致两个小时的持续时间,所以使用半小时至少会保持小的大小)

谢谢！

解决方法:

取决于您的fullcalendar版本.最新的是eventDurationEditable(自1.6.3起).

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

例：

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

不推荐的版本

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

标签：javascript,angularjs,fullcalendar,angular-ui
来源： https://codeday.me/bug/20190825/1717409.html