角带日期选择器动态 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 属性通常可以通过输入静态日期（例如data-date-start-date="2013-09-03"）来正常工作（仅使用不带Angular-Strap 的Bootstrap 日期选择器时）。 Angular-Strap 的工作方式与许多其他 Angular 指令相同，它允许您像没有 Angular 时一样使用属性，但允许您通过使用双花括号来使用 Angular 表达式。

例如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
/>