expert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.
前回、Google Calendar Apiからイベントを同期してfullcalendarに 反映させるところまでを書きました。 今回はイベントの登録の方法を書きたいと思います。 クリックして登録するまでの処理の流れ 1.空いている時間をクリックするとタイトルの入力画面がモーダルで出る 2.タイトルを入力して『OK』ボタンを押す 3.GoogleCalendarとfullcalendar両方に反映させる 大きく分けてこの3つになります。 1の処理 fullcalendarの空いている時間をクリックした時の処理は select: を使います。 ちなみに他のクリックイベントは 月のカレンダーで空いている日に終日予定を入れる場合 => dayClick イベントをクリックした場合(更新とか削除の時に使用)=> eventClick にそれぞれ処理を書きます。 今回は新しく時間単位でイベントを登録
Version 2.1.0 has been officially release today, after being in beta for a month. It is jam-packed with features and bugfixes. 32 issues have been closed, many of which are major and required a significant code refactor. Many of the calendar’s CSS class-names have changed, which is a backwards-compatibility concern. And the base CSS has been almost completely rewritten. So if you have custom CSS s
----------------------------------------- WHAT IS THE CAKEPHP FULL CALENDAR PLUGIN? ----------------------------------------- The CakePHP Full Calendar Plugin allows you to easily integrate the jQuery based Full Calendar application with your CakePHP application for a slick ajax event calendar. The plugin brings the following MIT licensed software (see LICENCE) together to create a simple and slee
前回、カレンダーの枠まで表示できるようにしたので、 今回はイベントを登録して表示できるようにしてみる。 イベントを表示させる scaffoldでeventを生成する。 カラムはfullcalendarのevent objectに合わせる。 bundle exec rails g scaffold event title start:datetime end:datetime color allDay:boolean bundle exec rake db:migrate localhost:3000/events/newからeventをDBに登録できるようになるので、 適当に登録しておく。 登録したeventはlocalhost:3000/eventsで参照できる。 また、localhost:3000/events.jsonとすると登録されたeventをjson形式で取得できる。 cale
<?php echo $this->Html->script('jquery.min', array('inline' => false)); echo $this->Html->css('fullcalendar'); echo $this->Html->script('fullcalendar', array('inline' => false)); ?> <?php $this->Html->scriptStart(array('inline' => false))?> $(function(){ $('#fc1').fullCalendar({}) }); <?php $this->Html->scriptEnd()?> <div id="fc1" class="fc"></div> カレンダーにイベント表示テスト ajaxで表示 イベントデータ取得ajaxURLを指定events
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く