ui-bootstrap 日期选择器启用周末

Question

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

据我所知，官方文档对这个功能只字未提。也许使用 模板-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:

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

并记住将 datepicker-options="dateOptions" 添加到 html 中的 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" />

ui-bootstrap 日期选择器启用周末

ui-bootstrap datepicker enable weekend days

datepicker

angularjs

angular-ui-bootstrap