1234567891011121314151617181920212223242526272829303132333435363738 |
- <div class="datetimepicker table-responsive">
- <table class="table table-condensed {{ data.currentView }}-view">
- <thead>
- <tr>
- <th class="left"
- data-ng-click="changeView(data.currentView, data.leftDate, $event)"
- data-ng-show="data.leftDate.selectable"><i class="glyphicon glyphicon-arrow-left"><span class="sr-only">{{ screenReader.previous }}</span></i>
- </th>
- <th class="switch"
- colspan="5"
- data-ng-show="data.previousViewDate.selectable"
- data-ng-click="changeView(data.previousView, data.previousViewDate, $event)">{{ data.previousViewDate.display }}</th>
- <th class="right" data-ng-click="changeView(data.currentView, data.rightDate, $event)"
- data-ng-show="data.rightDate.selectable"><i class="glyphicon glyphicon-arrow-right"><span
- class="sr-only">{{ screenReader.next }}</span></i>
- </th>
- </tr>
- <tr>
- <th class="dow" data-ng-repeat="day in data.dayNames">{{ day }}</th>
- </tr>
- </thead>
- <tbody>
- <tr data-ng-if="data.currentView !== 'day'">
- <td colspan="7">
- <span class="{{ data.currentView }}"
- data-ng-repeat="dateObject in data.dates"
- data-ng-class="{current: dateObject.current, active: dateObject.active, past: dateObject.past, future: dateObject.future, disabled: !dateObject.selectable}"
- data-ng-click="changeView(data.nextView, dateObject, $event)">{{ dateObject.display }}</span></td>
- </tr>
- <tr data-ng-if="data.currentView === 'day'" data-ng-repeat="week in data.weeks">
- <td data-ng-repeat="dateObject in week.dates"
- data-ng-click="changeView(data.nextView, dateObject, $event)"
- class="day"
- data-ng-class="{current: dateObject.current, active: dateObject.active, past: dateObject.past, future: dateObject.future, disabled: !dateObject.selectable}">{{ dateObject.display }}</td>
- </tr>
- </tbody>
- </table>
- </div>
|