dalelotts datetimepicker multiple on page

1
votes

Using the following datetimepicker, is it possible to place multiple on screen to capture a start / end datetime?

This is the code for the datetimepicker

 <div class="dropdown">
   <a class="dropdown-toggle my-toggle-select-end" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="">
    <div class="input-append"><input type="text" class="input-large" data-ng-model="data.date"><span class="add-on"><i                          class="icon-calendar"></i></span> </div></a>
   <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
       <datetimepicker data-ng-model="data.date" data-datetimepicker-config="{ dropdownSelector: '.my-toggle-select-end' }"></datetimepicker>
     </ul>
    </div>

Edit : I was able to use Angular Bootstrap UI Date picker / Time picker separate and that worked but it would be better UX / design wise to have them as one component.

Update: I will attempt to use the following directive Update - Solved using Gillardo's DateTimePicker.

2
angularjsangularjs-directivedatepickerdatetimepicker

2 Answers

0
votes

Solved using Gillardo's DateTimePicker.