Question

这是我的第一个角色js网站，请原谅我的无知。

我已经在我的网页上添加了一个ui.boostrap弹出式日期选择工具，除非看起来像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()"/>

和我的控制员：

vm.dateOptions = {
        dateDisabled: function (data) {
            var date = data.date,
                mode = data.mode;
            return (mode === 'day' && (date.getDay() !== 0));
        }
    };

我甚至尝试过硬编码返回true，但仍然没有禁用日期。我已经在各种不同的掠夺者身上看到了这项工作，所以我知道它有效。如上所述，我的dateDisabled函数永远不会被击中。我认为日历的其他方法会被点击，例如vm.weekEndingOpen.opened和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>

虽然我在问一个日期拣选问题，但我已经注意到其他人的掠夺者他们的日期选择器看起来好一点，比如日历有更多阴影，也许它是版本I＆＃ 39; m使用。此外我一周的日子没有显示，他们在那里，但他们没有显示，因为我有白色背景，文字是白色的。

我的库版本如下：

<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" />

不确定这是否相关，但我失败后也会寻找图标： - http://localhost/TimeSheet.WebSite/fonts/glyphicons-halflings-regular.woff2 - http://localhost/TimeSheet.WebSite/fonts/glyphicons-halflings-regular.woff

非常感谢任何帮助。

Answer 1

datepicker没有禁用属性。你应该使用datepicker-options：

group_user_assignment

阅读文档：https://angular-ui.github.io/bootstrap/#/datepickerPopup

angular ui.boostrap popup datepicker date-disabled not working

1 个答案: