如何在Ui日历中禁用以前的日期？

Question

我是Ui日历的新手。我只是想知道如何使用angularjs禁用Ui日历中的先前日期。 Eventdrop，EventResize和eventclick一切正常，我想禁用以前的日期，以便日历中的事件不能删除或调整大小到以前的日期！提前谢谢。

Answer 1

要设置拖放事件的时间段，请设置eventConstraint属性：

eventConstraint: {
  start: moment(),
  end: moment().add(100, 'years')
}

请参阅https://fullcalendar.io/docs/event_ui/eventConstraint/

但是，这仅涵盖现有事件的拖放。这对您来说已经足够了，但如果您还需要限制用户可以拖动以创建新事件的位置，则需要以完全相同的方式指定selectConstraint选项：< / p>

selectConstraint: {
  start: moment(),
  end: moment().add(100, 'years')
}

https://fullcalendar.io/docs/selection/selectConstraint/

请注意，将moment()设置为开头将限制拖动到字面上的当前时刻（当日历呈现给浏览器时）。如果你想要更自由一点，并在当天允许任何事情，你可以将其设置为：

start: moment().startOf('day')

或限制为从明天开始的日期：

start: moment().startOf('day').add(1, "days")

有关更多可能性，请参阅http://momentjs.com/docs/#/manipulating/。

Answer 2

通过添加以下行代码ui.calendar配置，它可以防止事件下降到以前的日期

eventConstraint: {
        start: moment().format('YYYY-MM-DD'),
        end: '2100-01-01' // hard coded goodness unfortunately
    }