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

时间:2017-12-11 19:37:29

标签: javascript html angularjs angular-moment

我目前正在使用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>

1 个答案:

答案 0 :(得分:1)

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