Question

我想将min，max和init日期设置为我的uib datepicker？
我所做的不起作用。我不知道我错在哪里。

HTML：

<input id="field_datePremierJour" type="text" class="form-control" name="datePremierJour" uib-datepicker-popup="{{dateformat}}"
       ng-model="vm.conge.datePremierJour" is-open="vm.datePickerOpenStatus.datePremierJour"
       datepicker-options="vm.optionsDate"

/>
<span class="input-group-btn">
    <button type="button" class="btn btn-default" ng-click="vm.openCalendar('datePremierJour')"><i class="glyphicon glyphicon-calendar"></i></button>
</span>

JS：

vm.optionsDate = {
   minDate:new Date(2017,0,10),
   maxDate:new Date(2017,0,30),
   initDate:new Date(2017,0,10)
}

Answer 1

我的猜测是你要么向ng-model提供一个有效的Date对象，要么initDate

Datepicker popup

initDate（默认值：null） - 未指定模型值时的初始日期视图。

删除initDate并向ngModel提供有效日期或删除ngModel。

Answer 2

工作解决方案

<input id="field_datePremierJour" type="text" class="form-control" name="datePremierJour" uib-datepicker-popup="{{dateformat}}"
       ng-model="vm.conge.datePremierJour" is-open="vm.datePickerOpenStatus.datePremierJour"
       min-date:"vm.minDate" max-date:"vm.maxDate"
/>
<span class="input-group-btn">
    <button type="button" class="btn btn-default" ng-click="vm.openCalendar('datePremierJour')"><i class="glyphicon glyphicon-calendar"></i></button>
</span>

如何设置最小最大初始日期？

2 个答案: