2015-11-03 69 views
3

此刻我的日期選擇工作正常。但我需要解決一些問題。 週六和週日的日子是殘疾,所以他們不能被選中。ui-bootstrap datepicker啓用週末日

datepicker

據我所知,官方文件建立隻字未提此功能。也許與模板url,但無論如何不知道在哪裏可以找到它。

有什麼想法?我認爲解決它非常簡單。

既然是西班牙文,我需要啓用sab.dom.列。

謝謝。

JS

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

HTML:

所以,你可以通過刪除此塊使週末

回答

7

如果你指的docs,禁用日期被實現代碼從您的日期選擇器的代碼,即刪除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" /> 
+0

我現在感覺很愚蠢。我確定它不在html代碼中。謝謝。 – jBaumann

1

您不必更改任何HTML。你可以只是把dateOptions在控制器:

$scope.dateOptions = { 
     dateDisabled: false 
    }; 

,並記得在HTML中添加datepicker-options="dateOptions"input(在HTML選項中指定BTW其他可以移動到控制器,太):

<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" /> 
相關問題