ui-bootstrap datepicker启用周末日

jBa*_*ann 3 datepicker angularjs angular-ui-bootstrap

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

日期选择器

据我所知,官方文件没有说明这个功能.也许使用template-url,但无论如何都不知道在哪里找到它.

任何的想法?我认为解决它真的很容易.

因为它是西班牙语,我需要启用sab.dom.列.

谢谢.

Ani*_*nha 8

如果您参考文档,则禁用日期通过以下方式实现:

JS:

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

HTML:

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

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" />
Run Code Online (Sandbox Code Playgroud)