Как установить минимальную дату инициализации max?

Question

Я хочу установить минимальную, максимальную и дату инициализации на мой пик yib 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

Моя догадка вы либо должны предоставить действительный объект Date, чтобы ng-model или иметь 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>