ui-bootstrap datepicker启用周末日

Question

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

据我所知，官方文件对此功能一无所知。也许使用 template-url ，但无论如何都不知道在哪里找到它。

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

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

感谢。

Answer 1

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

<强> JS ：

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

<强> HTML：

因此，您可以通过从日期选择器代码中删除此代码块来启用周末，即删除传递给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" />

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