質問編集履歴
3
リンク追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
|
13
13
|
※公式のデモでも同様のことが起きるみたいです
|
14
14
|
|
15
|
-
http://angular-ui.github.io/ui-calendar/
|
15
|
+
[http://angular-ui.github.io/ui-calendar/](http://angular-ui.github.io/ui-calendar/)
|
16
16
|
|
17
17
|
・手順
|
18
18
|
|
2
URL追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -11,6 +11,8 @@
|
|
11
11
|
|
12
12
|
|
13
13
|
※公式のデモでも同様のことが起きるみたいです
|
14
|
+
|
15
|
+
http://angular-ui.github.io/ui-calendar/
|
14
16
|
|
15
17
|
・手順
|
16
18
|
|
1
ソースコード追加
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
Angular ui-calendarのイベントの追加方法について
|
test
CHANGED
@@ -1,7 +1,97 @@
|
|
1
|
+
###発生している問題
|
2
|
+
|
1
3
|
angular ui calendarを使用したeventの追加方法を教えて下さい
|
2
4
|
|
3
|
-
いま$scope.events.push()を利用してeventの追加を行っていますが月を切り替えた時に追加したeventが全てリセットされてしまいます
|
5
|
+
いま$scope.events.push()を利用してeventの追加を行っていますが月を切り替えた時に追加したeventが全てリセットされてしまいます。
|
4
6
|
|
5
7
|
|
6
8
|
|
7
|
-
どなたか、angular ui
|
9
|
+
どなたか、angular ui-calendarを使用していてevent追加等行っていたらその方法をご教示ください
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
※公式のデモでも同様のことが起きるみたいです
|
14
|
+
|
15
|
+
・手順
|
16
|
+
|
17
|
+
1.画面左側の「Add Event」をクリック。11月28日にイベント「Open Sesame」が追加される
|
18
|
+
|
19
|
+
2.カレンダー右上の「>」アイコンをクリック
|
20
|
+
|
21
|
+
3.カレンダー右上の「<」アイコンをクリック
|
22
|
+
|
23
|
+
4.追加されたイベント「Open Sesame」がない
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
###ソースコード
|
28
|
+
|
29
|
+
イベントの追加部分
|
30
|
+
|
31
|
+
```Javascript
|
32
|
+
|
33
|
+
var date = new Date();
|
34
|
+
|
35
|
+
var d = date.getDate();
|
36
|
+
|
37
|
+
var m = date.getMonth();
|
38
|
+
|
39
|
+
var y = date.getFullYear();
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
$scope.events.push({
|
44
|
+
|
45
|
+
title: 'Open Sesame',
|
46
|
+
|
47
|
+
start: new Date(y, m, 28),
|
48
|
+
|
49
|
+
end: new Date(y, m, 29),
|
50
|
+
|
51
|
+
className: ['openSesame']
|
52
|
+
|
53
|
+
});
|
54
|
+
|
55
|
+
```
|
56
|
+
|
57
|
+
|
58
|
+
|
59
|
+
ui-calendarのコンフィグ部分
|
60
|
+
|
61
|
+
```Javascript
|
62
|
+
|
63
|
+
/* config object */
|
64
|
+
|
65
|
+
$scope.uiConfig = {
|
66
|
+
|
67
|
+
calendar:{
|
68
|
+
|
69
|
+
height: 600,
|
70
|
+
|
71
|
+
editable: true,
|
72
|
+
|
73
|
+
defaultView: 'month',
|
74
|
+
|
75
|
+
header:{
|
76
|
+
|
77
|
+
left: 'agendaDay agendaWeek month',
|
78
|
+
|
79
|
+
center: 'title',
|
80
|
+
|
81
|
+
right: 'today prev,next'
|
82
|
+
|
83
|
+
},
|
84
|
+
|
85
|
+
dayClick: $scope.alertEventOnClick,
|
86
|
+
|
87
|
+
eventDrop: $scope.alertOnDrop,
|
88
|
+
|
89
|
+
eventResize: $scope.alertOnResize,
|
90
|
+
|
91
|
+
viewDisplay : $scope.onViewDisplay
|
92
|
+
|
93
|
+
}
|
94
|
+
|
95
|
+
};
|
96
|
+
|
97
|
+
```
|