timepicker.html 2.0 KB

123456789101112131415161718192021222324252627
  1. <table>
  2. <tbody>
  3. <tr class="text-center" ng-show="::showSpinners">
  4. <td><a ng-click="incrementHours()" ng-class="{disabled: noIncrementHours()}" class="btn btn-link" ng-disabled="noIncrementHours()" tabindex="{{::tabindex}}"><span class="glyphicon glyphicon-chevron-up"></span></a></td>
  5. <td>&nbsp;</td>
  6. <td><a ng-click="incrementMinutes()" ng-class="{disabled: noIncrementMinutes()}" class="btn btn-link" ng-disabled="noIncrementMinutes()" tabindex="{{::tabindex}}"><span class="glyphicon glyphicon-chevron-up"></span></a></td>
  7. <td ng-show="showMeridian"></td>
  8. </tr>
  9. <tr>
  10. <td class="form-group" ng-class="{'has-error': invalidHours}">
  11. <input style="width:50px;" type="text" ng-model="hours" ng-change="updateHours()" class="form-control text-center" ng-readonly="::readonlyInput" maxlength="2" tabindex="{{::tabindex}}">
  12. </td>
  13. <td>:</td>
  14. <td class="form-group" ng-class="{'has-error': invalidMinutes}">
  15. <input style="width:50px;" type="text" ng-model="minutes" ng-change="updateMinutes()" class="form-control text-center" ng-readonly="::readonlyInput" maxlength="2" tabindex="{{::tabindex}}">
  16. </td>
  17. <td ng-show="showMeridian"><button type="button" ng-class="{disabled: noToggleMeridian()}" class="btn btn-default text-center" ng-click="toggleMeridian()" ng-disabled="noToggleMeridian()" tabindex="{{::tabindex}}">{{meridian}}</button></td>
  18. </tr>
  19. <tr class="text-center" ng-show="::showSpinners">
  20. <td><a ng-click="decrementHours()" ng-class="{disabled: noDecrementHours()}" class="btn btn-link" ng-disabled="noDecrementHours()" tabindex="{{::tabindex}}"><span class="glyphicon glyphicon-chevron-down"></span></a></td>
  21. <td>&nbsp;</td>
  22. <td><a ng-click="decrementMinutes()" ng-class="{disabled: noDecrementMinutes()}" class="btn btn-link" ng-disabled="noDecrementMinutes()" tabindex="{{::tabindex}}"><span class="glyphicon glyphicon-chevron-down"></span></a></td>
  23. <td ng-show="showMeridian"></td>
  24. </tr>
  25. </tbody>
  26. </table>