如何禁用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选项：

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
    }