在同一个 HTML/Angular 页面上有两个时间选择器

Question

我目前正在使用 angular-moment-picker (https://github.com/indrimuska/angular-moment-picker) 库，效果很好！但是，我有一个愚蠢的问题，我正在努力解决。我正在使用这个库中的时间选择器，当我添加第二个时，我在第一次选择器上所做的任何更改都会自动添加到第二个。有任何想法吗？提前谢谢你！

HTML：

<md-input-container>
                        <input class="form-control"
                            moment-picker="ctrl.timepicker"
                            format="hh:mm A"
                            show-header="false"
                            ng-model="test.startTime"
                            ng-model-options="{ updateOn: 'blur' }"
                            ng-required="true">
                    </md-input-container>
                    <md-input-container>
                        <input class="form-control"
                            moment-picker="ctrl.timepicker"
                            format="hh:mm A"
                            show-header="false"
                            ng-model="test.endTime"
                            ng-model-options="{ updateOn: 'blur' }"
                            ng-required="true">
                    </md-input-container>

Answer 1

我从未使用过这个库，但我怀疑问题在于两个时间选择器的对象集与其moment-picker 相同。在文档中，它将此称为双向可绑定属性，因此当您从一个时间选择器更改它时，它会覆盖另一个。