質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Q&A

0回答

2136閲覧

Angular ui-calendarのイベントの追加方法について

eskey_mo

総合スコア34

Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

0グッド

0クリップ

投稿2015/11/23 09:57

編集2015/11/24 12:38

###発生している問題
angular ui calendarを使用したeventの追加方法を教えて下さい
いま$scope.events.push()を利用してeventの追加を行っていますが月を切り替えた時に追加したeventが全てリセットされてしまいます。

どなたか、angular ui-calendarを使用していてevent追加等行っていたらその方法をご教示ください

※公式のデモでも同様のことが起きるみたいです
http://angular-ui.github.io/ui-calendar/
・手順
1.画面左側の「Add Event」をクリック。11月28日にイベント「Open Sesame」が追加される
2.カレンダー右上の「>」アイコンをクリック
3.カレンダー右上の「<」アイコンをクリック
4.追加されたイベント「Open Sesame」がない

###ソースコード
イベントの追加部分

Javascript

1 var date = new Date(); 2 var d = date.getDate(); 3 var m = date.getMonth(); 4 var y = date.getFullYear(); 5 6 $scope.events.push({ 7 title: 'Open Sesame', 8 start: new Date(y, m, 28), 9 end: new Date(y, m, 29), 10 className: ['openSesame'] 11 });

ui-calendarのコンフィグ部分

Javascript

1 /* config object */ 2 $scope.uiConfig = { 3 calendar:{ 4 height: 600, 5 editable: true, 6 defaultView: 'month', 7 header:{ 8 left: 'agendaDay agendaWeek month', 9 center: 'title', 10 right: 'today prev,next' 11 }, 12 dayClick: $scope.alertEventOnClick, 13 eventDrop: $scope.alertOnDrop, 14 eventResize: $scope.alertOnResize, 15 viewDisplay : $scope.onViewDisplay 16 } 17 };

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問