Question

我们使用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属性只会导致两个小时的持续时间，所以使用半小时至少会保持小的大小）

谢谢！

Answer 1

取决于您的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, ...

Answer 2

当前完整日历的版本已弃用disableResizing: true选项。

您可以简单地更改以下代码：

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

收件人：

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

在Angular-UI calendar / fullcalendar中禁用事件大小调整

2 个答案: