我想要 maxDate
最多可选择为今天(以前的日子可以点击,但不是明天)我选择为 maxDay
及 minDay
最多应为365天,不能选择超过365天,但可以选择较少,
$scope.dateOptions = {
formatYear: "yy",
minDate: getMinDate(),
maxDate: new Date(),
startingDay: 1
};
function getMinDate() {
var oldDay = new Date();
oldDay.setDate(oldDay.getDate() - 365);
return oldDay;
};
这还不够,我只能设置今天和365天之间的天数,但如果我选择,我希望它是可选择的 maxDate
截至2021年3月1日 minDate
应在365天前选择,如2020年4月1日。。
我想做一个验证,比如 minDate
不能迟于 maxDate
.
这是html的相关部分,
<div class="row">
<div class="col-sm-3">
<label for="sel1">{{ 'LISTLOG_SEARCHSTARTDATE' | translate }}:
<!-- <a class="ion-information-circled" tooltip-animation="true" tooltip-placement="top" -->
<!-- uib-tooltip="{{'TOOLTIP_DEVICELOG_SEARCHDATE' | translate}}"></a> -->
</label>
<p class="input-group">
<input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="logVariables.startDate"
ng-change="formatDateModal()" ng-model-options="{timezone: 'UTC'}" is-open="popup1.opened"
datepicker-options="dateOptions" close-text="Close" alt-input-formats="altInputFormats" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="open1()"><i
class="glyphicon glyphicon-calendar"></i></button>
</span>
</p>
</div>
<div class="col-sm-3">
<label for="sel1">{{ 'LISTLOG_SEARCHENDDATE' | translate }}:
<!-- <a class="ion-information-circled" tooltip-animation="true" tooltip-placement="top" -->
<!-- uib-tooltip="{{'TOOLTIP_DEVICELOG_SEARCHDATE' | translate}}"></a> -->
</label>
<p class="input-group">
<input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="logVariables.endDate"
ng-change="formatDateModal()" ng-model-options="{timezone: 'UTC'}" is-open="popup2.opened"
datepicker-options="dateOptions" close-text="Close" alt-input-formats="altInputFormats" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="open2()"><i
class="glyphicon glyphicon-calendar"></i></button>
</span>
</p>
</div>
</div>
1条答案
按热度按时间c8ib6hqw1#
您需要在对象中传递引用。我更改了mindate函数的名称,使其更加明确
因为您使用的是utc时间,所以我编写了这个片段,展示了转换为utc的方法,以及如何使用utc设置最小和最大日期