ui-bootstrap datepicker 启用周末答案

【问题标题】：ui-bootstrap datepicker enable weekend daysui-bootstrap datepicker 启用周末
【发布时间】：2015-11-03 17:52:16
【问题描述】：

目前我的日期选择器工作正常。但我需要解决一些问题。周六和周日被禁用，因此无法选择。

据我所知，官方文档没有提及此功能。也许有 template-url，但无论如何不知道在哪里找到它。

有什么想法吗？我认为解决它真的很容易。

由于是西班牙语，我需要启用 sab. 和 dom. 列。

谢谢。

【问题讨论】：

标签： angularjs datepicker angular-ui-bootstrap

【解决方案1】：

如果您引用docs，则禁用日期是通过以下方式实现的：

JS：

// Disable weekend selection
 $scope.disabled = function(date, mode) {
    return ( mode === 'day' && ( date.getDay() === 0 || date.getDay() === 6 ) );
  };

HTML：

因此，您可以通过从 datepicker 的代码中删除这段代码来启用周末，即删除传递给 datepicker 的 date-disabled 属性：

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

完整的 HTML：

<input type="date" class="form-control" uib-datepicker-popup ng-model="dt" is-open="status.opened" min-date="minDate" max-date="maxDate" datepicker-options="dateOptions" ng-required="true" close-text="Close" />

【讨论】：

我现在觉得自己很笨。我确定它不在html代码中。谢谢。

【解决方案2】：

您不必更改任何 html。 您可以在控制器中输入dateOptions：

    $scope.dateOptions = {
        dateDisabled: false
    };

记得在 html 中将datepicker-options="dateOptions" 添加到您的input（顺便说一句，html 选项中指定的其他选项也可以移动到控制器）：

<input type="date" class="form-control" uib-datepicker-popup ng-model="dt" is-open="status.opened" min-date="minDate" max-date="maxDate" datepicker-options="dateOptions" ng-required="true" close-text="Close" />

【讨论】：