如何根据第一个日期选择器的选择动态更改第二个日期选择器的月份以显示为所选月份?但是它显示的是当前日期。例如:我从第一次选择器中选择了15-10-2104,因此第二个日期选择器应以2014年10月10日开始的日期打开,所有以前的日期都应禁用。
我正在使用角度引导日期选择器和以下代码:
<label>Start Date <span class="required"></span></label>
<div class="seldate startdate calender-icon nopadding">
<input type="text" datepicker-popup="dd-MMMM-yyyy"
ng-model="info.startDate"
required
name="startDate" tabindex="4"
placeholder="dd/mm/yyyy"
is-open="startDate.open"
ng-click="startDate.open = true"
min-date="minDate" datepicker-options="dateOptions"
date-disabled="disabled(date, mode)"
close-text="Close" class="form-control"/>
</div>
</div>
<div class="col-sm-6 form-group">
<label>End Date <span class="required"></span></label>
<div class="seldate startdate calender-icon nopadding">
<input type="text" datepicker-popup="dd-MMMM-yyyy"
ng-model="info.endDate"
required
name="endDate" tabindex="5"
placeholder="dd/mm/yyyy"
is-open="endDate.open"
ng-click="endDate.open = true"
min-date="scheduleInfo.startDate" datepicker-options="dateOptions"
date-disabled="disabled(date, mode)"
close-text="Close" class="form-control"/>
</div>
</div>
在第一个日期选择器中使用ng-change来设置第二个日期选择器中的min-date。
ng-change =“ setMinEndDate()”
$scope.setMinEndDate = function() {
var endDate = angular.copy($scope.info.startDate);
endDate.setDate(endDate.getDate());
$scope.scheduleInfo.startDate = endDate;
};
希望这可以帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句