Question

我正在尝试创建一个有开始时间和结束时间的表单，我正在使用angular strap。正如预期的那样，开始时间应该小于结束时间，结束时间应该大于开始时间==＆gt;

start time < end time

以下是我创建的plunker，由于某种原因，它无法按预期工作。

Answer 1

我没有使用此控件的经验，但我认为您需要使用{{}}并且还存在一些逻辑问题。而不是

<input type="text" class="form-control" size="8" 
       ng-model="time1" max-time="time2" 
       ...>

<input type="text" class="form-control" size="8" 
       ng-model="time2" max-time="time1" 
       ...>

使用以下

<input type="text" class="form-control" size="8" 
       ng-model="time1" 
       ...>

<input type="text" class="form-control" size="8" 
       ng-model="time2" min-time="{{ time1 }}" 
       ...>

逻辑问题是你在两个控件上都设置了max-time，指的是彼此的值。所以time1不能大于time2，time2也不能大于time1。让time1成为任何时间并且只评估time2不小于time1就足够了。

另外，令人讨厌的是，更改time1值并不会立即导致time2的{{1}}重新评估，而只是在您更改min-time之后。我不知道它是否应该以这种方式工作，它可能与你的Plunker经常投掷的time2有关。

角度最小和最大时间不起作用

1 个答案: