-
-
Notifications
You must be signed in to change notification settings - Fork 357
/
Copy pathionic-datepicker-popup.html
57 lines (57 loc) · 2.54 KB
/
ionic-datepicker-popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<div class="selected_date_full">{{mainObj.titleLabel || selctedDateEpoch | date : mainObj.dateFormat}}</div>
<div class="date_selection">
<div class="row show_nav">
<div class="col col-10 prev_btn_section col-center" ng-click="prevMonth()">
<button class="button-clear"
ng-class="{'pointer_events_none':((firstDayEpoch - 86400000) < fromDate)}">
<i class="icon ion-chevron-left"></i>
</button>
</div>
<div class="col col-80 month_year_section text-center">
<div class="row select_section">
<div class="col col-50 padding_right_5px">
<label class="item item-input item-select month_select">
<span class="input-label"> </span>
<select ng-model="data.currentMonth" ng-change="monthChanged(data.currentMonth)">
<option ng-repeat="month in monthsList" ng-selected="month==data.currentMonthSelected" value="{{month}}">
{{month}}
</option>
</select>
</label>
</div>
<div class="col col-50 padding_left_5px">
<label class="item item-input item-select year_select">
<span class="input-label"> </span>
<select ng-model="data.currentYear" ng-change="yearChanged(data.currentYear)"
ng-options="year for year in yearsList"></select>
</label>
</div>
</div>
</div>
<div class="col col-10 next_btn_section col-center" ng-click="nextMonth()">
<button class="button-clear"
ng-class="{'pointer_events_none':((lastDayEpoch + 86400000)> toDate)}">
<i class="icon ion-chevron-right"></i>
</button>
</div>
</div>
<div class="calendar_grid">
<div class="row weeks_row">
<div class="col text-center font_bold"
ng-repeat="weekName in weeksList track by $index" ng-bind="weekName"></div>
</div>
<div>
<div class="row text-center padding_zero" ng-repeat="row in rows track by $index">
<div class="col no_padding date_col" ng-repeat="col in cols track by $index"
ng-class="{'selected_date': (dayList[row + $index].epoch === selctedDateEpoch),
'today' : (dayList[row + $index].epoch == today),
'pointer_events_none':((disabledDates.indexOf(dayList[row + $index].epoch) >= 0) || dayList[row + $index].disabled)}"
ng-click="dateSelected(dayList[row + $index])">
<div class="date_cell">
{{dayList[row + col].date}}
</div>
</div>
</div>
</div>
</div>
</div>