與UI的引導

Question

我使用this周選擇器，它工作正常，但我想 一點周選擇器與該做，就像當我選擇一個星期都在範圍之間的 日期應選擇和背景顏色應該設置爲 範圍內的日期。是否有可能做到這一點。

日期選取器

<input ng-model="formData.dueDate" type="button" id="dueDate" name="dueDate" class="form-control" datepicker-options="dateOptions" datepicker-popup="MM-dd-yyyy" datepicker-append-to-body="true" is-open="true" min-mode="week" datepicker-mode="day" show-button-bar="false" ng-click="data.isOpen = true"/> 

Answer 1

是的，你可以定義一個類一些日子。

$scope.classForWeek = function(date, mode) { 
     if (mode === 'day') { 
      var start = moment($scope.formData.dueDate).startOf('isoWeek').toDate(); 
      var end= moment(start).add(1, 'week'); 
      if (start<= date && end> date) { 
      return 'weekClass'; 
      } 
     } 
     return ''; 
     }; 

和HTML：

<input ng-model="formData.dueDate" type="button" id="dueDate" name="dueDate" class="form-control" datepicker-options="dateOptions" datepicker-popup="MM-dd-yyyy" datepicker-append-to-body="true" is-open="true" min-mode="week" datepicker-mode="day" show-button-bar="false" ng-click="data.isOpen = true" custom-class="classForWeek(date,mode)" /> 

Pluncker例如： https://plnkr.co/edit/rV6m1c8ovXONtHJjtp2Z?p=preview

Answer 2

使用此數據-NG-變化

與選擇，你可以選擇一個時間段的日期

所以

$（'。active'）。closest（'tr'）。find（'button'）。addClass（'active'）;