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

Angular strap datepicker动态startDate / endDate

1 个答案: