javascript - 在 angular-ui-bootstrap (v.0.10.0) Datepicker 中 - 如何按日期(或日期数组)禁用单日？

Question

我到处搜索的时间比我承认的要长，但找不到这个问题的答案。此处的文档 - http://angular-ui.github.io/bootstrap/#/datepicker - 说...

date-disabled (date, mode)

(默认值:null):一个可选表达式，用于根据传递日期和当前模式(日|月|年)禁用可见选项。

---

并且在 HTML 标记中，所有示例都在代码中将其显示为输入的属性...

date-disabled="disabled(date, mode)"

我需要知道在我的 JavaScript 中做什么才能让它真正发挥作用。非常感谢一天的示例和传递日期数组的示例。

提前致谢...

Answer 1

标记

date-disabled="disabled(date, mode)"

意味着在你的范围内你需要有一个名为 disabed 的函数，它接受两个参数，date 和 mode，你会用于确定是否应禁用该日期。

这里有一个更清楚的例子。使标记成为

date-disabled="shouldDateBeDisabled(date, mode)"

然后在您的 Controller 中，您需要将一个名为 shouldDateBeDisabled 的函数附加到您要放置逻辑的 $scope 中。

var datesAreEqual = function(date1,date2) {...};
var dateIsInArray = function(date,arrayOfDates) {...};
var someSingleDateToDisable = ...;
var arrayOfDatesToDisable = [...];
$scope.shouldDateBeDisabled = function(date, mode) {
  // your own logic to determine if a date should be disabled
  if (datesAreEqual(date,someSingleDateToDisable) {
    return true;
  }

  if (dateIsInArray(date,arrayOfDatesToDisable) {
    return true;
  }

  return false;
};