gpt4 book ai didi

javascript - 带 Ui-bootstrap 的周选择器

转载 作者:行者123 更新时间:2023-12-01 05:22:10 26 4
gpt4 key购买 nike

我正在使用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"/>

最佳答案

是的,您可以定义几天的类(class)。

因此,选择日期后,您可以选择一个时期:

$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

关于javascript - 带 Ui-bootstrap 的周选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42384498/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com