如何在UI日历中禁用以前的日期?

Question

我是 Ui 日历的新手。我只是想知道如何使用angularjs禁用Ui日历中的先前日期。事件拖放，事件调整大小和事件单击对我来说一切正常，我想禁用以前的日期，以便日历中的事件无法删除或调整为以前的日期！提前谢谢。

Answer 1

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

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

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

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

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 config，它可以防止事件下降到以前的日期

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