datetimepicker.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <div class="datetimepicker table-responsive">
  2. <table class="table table-condensed {{ data.currentView }}-view">
  3. <thead>
  4. <tr>
  5. <th class="left"
  6. data-ng-click="changeView(data.currentView, data.leftDate, $event)"
  7. data-ng-show="data.leftDate.selectable"><i class="glyphicon glyphicon-arrow-left"><span class="sr-only">{{ screenReader.previous }}</span></i>
  8. </th>
  9. <th class="switch"
  10. colspan="5"
  11. data-ng-show="data.previousViewDate.selectable"
  12. data-ng-click="changeView(data.previousView, data.previousViewDate, $event)">{{ data.previousViewDate.display }}</th>
  13. <th class="right" data-ng-click="changeView(data.currentView, data.rightDate, $event)"
  14. data-ng-show="data.rightDate.selectable"><i class="glyphicon glyphicon-arrow-right"><span
  15. class="sr-only">{{ screenReader.next }}</span></i>
  16. </th>
  17. </tr>
  18. <tr>
  19. <th class="dow" data-ng-repeat="day in data.dayNames">{{ day }}</th>
  20. </tr>
  21. </thead>
  22. <tbody>
  23. <tr data-ng-if="data.currentView !== 'day'">
  24. <td colspan="7">
  25. <span class="{{ data.currentView }}"
  26. data-ng-repeat="dateObject in data.dates"
  27. data-ng-class="{current: dateObject.current, active: dateObject.active, past: dateObject.past, future: dateObject.future, disabled: !dateObject.selectable}"
  28. data-ng-click="changeView(data.nextView, dateObject, $event)">{{ dateObject.display }}</span></td>
  29. </tr>
  30. <tr data-ng-if="data.currentView === 'day'" data-ng-repeat="week in data.weeks">
  31. <td data-ng-repeat="dateObject in week.dates"
  32. data-ng-click="changeView(data.nextView, dateObject, $event)"
  33. class="day"
  34. data-ng-class="{current: dateObject.current, active: dateObject.active, past: dateObject.past, future: dateObject.future, disabled: !dateObject.selectable}">{{ dateObject.display }}</td>
  35. </tr>
  36. </tbody>
  37. </table>
  38. </div>