Javascript 在同一HTML/页面上有两个计时器选择器

Javascript 在同一HTML/页面上有两个计时器选择器,javascript,html,angularjs,angular-moment,Javascript,Html,Angularjs,Angular Moment,我目前正在使用角力矩选择器库,它工作得很好!然而,我有一个愚蠢的问题,我正在挣扎。我正在使用这个库中的时间选择器,当我添加第二个时间选择器时,我在第一个时间选择器上所做的任何更改都会自动添加到第二个时间选择器上。有什么想法吗?提前谢谢你 HTML: 我从未使用过这个库,但我怀疑问题在于两个时间选择器都有相同的对象集作为他们的时刻选择器。在文档中,它称之为双向可绑定属性,因此当您从一个时间选择器更改它时,它将覆盖另一个时间选择器。感谢您的回复!我怀疑这是同一个问题。我很好奇,是否有人遇到过类似的事

我目前正在使用角力矩选择器库,它工作得很好!然而,我有一个愚蠢的问题,我正在挣扎。我正在使用这个库中的时间选择器,当我添加第二个时间选择器时,我在第一个时间选择器上所做的任何更改都会自动添加到第二个时间选择器上。有什么想法吗?提前谢谢你

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>