javascript - 如何禁用 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/以获得更多可能性。