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

是的，你可以在几天内定义一个班级。

因此，选择日期后，您可以选择一段时间：

$remembering_timespan = time() + 7 * 24 * 60 * 60; 
setcookie('test','username', $remembering_timespan);

和html：

$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 '';
      };

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

Answer 2

在data-ng-change上使用它

。
$（ '活性 '）接近的（' TR '）发现（' 按钮 '）addClass（' 激活'）;

带Ui-bootstrap的周选择器

2 个答案: