与UI的引导

我使用this周选择器，它工作正常，但我想一点周选择器与该做，就像当我选择一个星期都在范围之间的日期应选择和背景颜色应该设置为范围内的日期。是否有可能做到这一点。与UI的引导

日期选取器

<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"/>

来源

2017-02-22 Sameer Khan

是的，你可以定义一个类一些日子。

$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

来源

2017-02-22 07:50:54 Elektroi

但这个功能是没有得到所谓的，可以请你更新http://plnkr.co/edit/oI1uhS81XuUWS7Yp7WZ7?p=preview –

不工作plunker，考虑更新plunker，很容易理解。 –

使用此数据-NG-变化

与选择，你可以选择一个时间段的日期

所以

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

来源

2017-02-23 08:20:49 amit

感谢您的回复，它不是使用角度数据更改功能，但只在纯jQuery中工作一次 –

与UI的引导

回答

相关问题