Angularjs angular ui.boostrap弹出日期选择器日期已禁用不工作

这是我的第一个网站，请原谅我的无知

我在我的页面中添加了一个

ui.boostrap

popup datepicker，它工作得很好，只是看起来dateDisabled方法从未被命中

我的标记如下所示：

<input id="inputWeekEnding"
       type="text"
       class="form-control"
       uib-datepicker-popup="mediumDate"
       ng-model="vm.weekEnding"
       is-open="vm.weekEndingOpen.opened"
       ng-required="true"
       close-text="Close"
       date-options="vm.dateOptions"
       ng-change="vm.weekEndingChanged()"/>

    <!-- Library Scripts -->
    <script src="scripts/angular.js"></script>
    <script src="Scripts/angular-resource.js"></script>
    <script src="Scripts/angular-ui-router.js"></script>
    <script src="Scripts/angular-animate.js"></script>
    <script src="Scripts/jquery-1.9.1.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="Scripts/angular-ui/ui-bootstrap-tpls.min.js"></script>

我甚至尝试过硬编码返回true，但仍然没有禁用任何日期。我在各种不同的劫掠物上看过这部作品，所以我知道它是有效的。如前所述，我的

dateDisabled

函数从未被命中。我假设日历的其他方法也可以，比如

vm.weekEndingOpen.opened

和

vm.weekEndingChanged（）

我想知道我是否忘记添加脚本文件。我的脚本如下所示：

<input id="inputWeekEnding"
       type="text"
       class="form-control"
       uib-datepicker-popup="mediumDate"
       ng-model="vm.weekEnding"
       is-open="vm.weekEndingOpen.opened"
       ng-required="true"
       close-text="Close"
       date-options="vm.dateOptions"
       ng-change="vm.weekEndingChanged()"/>

    <!-- Library Scripts -->
    <script src="scripts/angular.js"></script>
    <script src="Scripts/angular-resource.js"></script>
    <script src="Scripts/angular-ui-router.js"></script>
    <script src="Scripts/angular-animate.js"></script>
    <script src="Scripts/jquery-1.9.1.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="Scripts/angular-ui/ui-bootstrap-tpls.min.js"></script>

当我问一个日期选择器的问题时，我注意到在其他人的劫掠中，他们的日期选择器看起来更好一些，比如日历有更多的阴影，也许是我使用的版本。另外，我一周中的几天没有显示，它们在那里，但它们没有显示，因为我有一个白色背景，文本是白色的

我的图书馆版本如下：

<package id="Angular.UI.Bootstrap" version="1.3.3" targetFramework="net452" />
  <package id="AngularJS.Animate" version="1.5.5" targetFramework="net452" />
  <package id="AngularJS.Core" version="1.5.5" targetFramework="net452" />
  <package id="AngularJS.Resource" version="1.5.5" targetFramework="net452" />
  <package id="bootstrap" version="3.3.6" targetFramework="net452" />
  <package id="jQuery" version="1.9.1" targetFramework="net452" />

不确定这是否相关，但我也找不到图标： - -

---

任何帮助都将不胜感激。

datepicker没有禁用属性。您应该使用日期选择器选项：

<input datepicker-options="dateOptions" ... >   

 $scope.dateOptions = {
        dateDisabled: function (data) {
          var date = data.date,
          mode = data.mode;
          return mode === 'day' && (date.getDay() === 0 || date.getDay() === 6);
        }
 };

$scope.dateOptions={
dateDisabled:函数（数据）{
变量日期=data.date，
mode=data.mode；
返回模式=='day'&&（date.getDay（）==0 | | date.getDay（）==6）；
}
};

---

阅读文档：

日期选择器没有禁用的属性。您应该使用日期选择器选项：

<input datepicker-options="dateOptions" ... >   

 $scope.dateOptions = {
        dateDisabled: function (data) {
          var date = data.date,
          mode = data.mode;
          return mode === 'day' && (date.getDay() === 0 || date.getDay() === 6);
        }
 };

$scope.dateOptions={
dateDisabled:函数（数据）{
变量日期=data.date，
mode=data.mode；
返回模式=='day'&&（date.getDay（）==0 | | date.getDay（）==6）；
}
};

---

阅读文档：

谢谢@Roman，不幸的是，我已经尝试过了，所以我完全掌握了你所掌握的，而且我的方法仍然没有受到影响。我已经按照你的建议和文档对我的帖子进行了编辑。谢谢@Roman，我按照你（和文档）的建议完成了工作。我已将您的答案标记为正确答案，但不会公开显示，因为我还没有足够高的声誉。谢谢@Roman，不幸的是，我已经尝试了这个方法，所以我完全掌握了您的答案，而且我的方法仍然没有受到攻击。我已根据您的建议和文档对我的帖子进行了编辑。谢谢@Roman，我可以像您一样使用它（和文档）建议。我已经将你的答案标记为正确答案，但不会公开显示，因为我还没有足够高的声誉。