Я хочу, чтобы на странице было несколько датпикеров. Но с решением по умолчанию от UI-Bootstrap это невозможно, никто из финалистов не может быть открыт. Конфликт друг с другом. Вот мой код:
<div>
<div class="form-horizontal pull-left">
<input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" is-open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true"/>
<button class="btn" ng-click="open()"><span class="glyphicon glyphicon-calendar"></span></button>
</div>
<div class="form-horizontal pull-left">
<input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" is-open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" />
<button class="btn" ng-click="open()"><span class="glyphicon glyphicon-calendar"></span></button>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</div>
Я только что сделал копию/вставку кода datepicker с сайта http://angular-ui.github.io/bootstrap/#/datepicker. Они конфликтуют друг с другом. Когда я нажимаю поле <input>
, чтобы открыть дату, никто не может быть открыт должным образом, оба будут открыты на секунду и сразу исчезнут.
Как я могу добавить несколько датпикеров на одну страницу?