Угловой ремень datepicker dynamic startDate/endDate

Question

У меня есть сценарий, в котором у меня есть «родительский» датпикер и кучка «дочерних» датпикеров, все в одном и том же представлении. Мне нужно будет обновить дочерние сборщики, чтобы они были ограничены датой родителя, и родительский сборщик должен будет регулироваться самой высокой дочерней датой. Я попытался установить это на ребенок сборщиков:

//child pseudo-code 
<input data-date-end-date="parent.target_date" data-ng-model="child.target_date bs-datepicker /> 

//parent pseudo-code 
<input data-date-start-date="highestChild.target_date" data-ng-model="child.target_date bs-datepicker /> 

, но я просто получить сборщик без возможности выбрать что-нибудь.

По существу, ребенок не должен быть уволен, если его родительский родитель, а родителя нельзя потянуть ближе, чем его старший ребенок, но все они должны быть в состоянии обновить.

Answer 1

Часть проблемы с вашим кодом заключается в том, что Angular-Strap не использует атрибуты data-date-*, он использует data-*, что, к сожалению, пока не задокументировано на данный момент (если вообще).

Другая проблема заключается в том, что start-date и end-date атрибуты обычно работают (при использовании только Bootstrap DatePicker без углового ремень) путем ввода в статической даты, такие как data-date-start-date="2013-09-03". Угловой ремень работает так же, как и многие другие угловые директивы, позволяя вам использовать атрибут, как обычно, без углового, но позволяющий использовать угловое выражение, используя двойные фигурные скобки.

Например ng-href="http://www.waddup.com/items/{{ item.number }}"

Ваш псевдо-код должен в конечном итоге что-то вроде этого:

//child pseudo-code 
<input 
    data-end-date="{{ parent.target_date}}" 
    data-ng-model="child.target_date" 
    bs-datepicker 
/> 

//parent pseudo-code 
<input 
    data-start-date="{{ highestChild.target_date }}" 
    data-ng-model="parent.target_date" 
    bs-datepicker 
/>