我正在使用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"/>
最佳答案
是的,您可以定义几天的课程。
因此,选择日期后,您可以选择一个期间:
$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)" />
柱塞示例:
https://plnkr.co/edit/rV6m1c8ovXONtHJjtp2Z?p=preview