問題タブ [fullcalendar-scheduler]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
fullcalendar - カーソル スタイルの設定がうまく機能しない
現在の日の前の数日間はカーソルを「ノードロップ」に設定し、現在の日の後の数日間は「ポインター」に設定しようとしています。
css: fc-past、fc-today、fc-future を使用してみましたが、うまく動作します。また、jquery プラグイン構成から試しても問題なく動作します。
これは、イベントがない場合は正常に機能します。カレンダーにイベントがあると問題が発生します。Fullcalendar は、セル上にあり、カーソル スタイルが失われる、イベントのない日の空のセットを作成します。fc-content-skeleton には z-index 4 のテーブルがあり、この div はカーソル css を持つ fc-bg の上にあります。この fc-content-skeleton には、イベントごとに fc-event-container があります (css を設定できます) が、イベントのない日には、スタイルを設定できない空を作成します。これにより、マウスのカーソルをこれに設定できなくなります。その結果、同じ日に(イベントなしで)カーソルを移動すると、カーソルが空の . これは、 http://fullcalendar.io/ホームのショーケースで確認できます。
カーソルをこの td に設定しようと多くの時間を費やしましたが、結果はありませんでした。この振る舞いは私を夢中にさせています。助けてくれてありがとう。
JS Bin からサンプルを追加: http://jsbin.com/qekajezepu/1/edit?js,output
angular - PrimeNG Schedule でイベントが表示されないプロパティ scrollTop of null を読み取れない
PrimeNG のスケジュール コンポーネントを使用して、ユーザーのカレンダー イベントを表示しようとしています。カレンダーは表示されますが、Fullcalendar がイベントをレンダリングしようとするとエラー"ORIGINAL EXCEPTION: TypeError: Cannot read property 'scrollTop' of null"
が返されます。以下に、html、設定オプション、および表示しようとしているイベントのモックを含めました。
どのオプションを含めても、fullcalendar は常に同じエラーを出すことがわかりました。オプションなしでスケジュール テンプレートをロードしようとしても、同じエラーが発生しました。これは、Schedule と fullcalendar を含めた方法が正しくないことを示しているようです。npm install --save で primeng と moment を含め、html cdns で fullcalendar を含めました。ここに示す実装の変更に従って、 Schedule を起動して実行しました。次に、現在のコンポーネントに Schedule をプロバイダーおよびディレクティブとして追加しました。コンポーネントのメソッド内から参照できるように、Schedule もクラス コンストラクターに含まれています。
jquery - 単一のイベント ソースからの RefetchEvents fullcalendar
fullcalandar jquery プラグインで作業していますが、今はカレンダーの再取得にこだわっています。2 つのイベント ソースがあり、カレンダー ヘッダーにカスタム更新ボタンを作成しました。ユーザーが更新ボタンを押すたびに、2 番目のイベント ソースからのみイベントを再フェッチしたいと考えています。
fullcalendar refetchEvents でパラメーターを渡し、単一のイベント ソースから再フェッチする方法はありますか。
ユーザーがカスタムの [更新] ボタンをクリックするたびに、実行しています$("#calendar").fullcalendar('refetchEvents');
-- これにより、カレンダー全体が再取得されます (最初と 2 番目のイベント ソース)
私が期待しているのは、2 番目のイベント ソースに対してのみ再フェッチを行いたいということです。
fullcalendar - FullCalendar リソースを Google カレンダーの EventSource に関連付けるにはどうすればよいですか?
ドキュメントを検索しましたが、FullCalendar リソースを Google カレンダーのイベント ソースに関連付けることについて何も見つかりませんでした。
これは関連するコードです:
助けてください :-)
javascript - 他のイベント内にイベントを追加するにはどうすればよいですか - fullcalendar
AngularJS に基づいて名簿を作成しようとしています。このプロジェクトでは、fullcalendar (スケジューラー バージョン) を使用しています。
これは私が持っている現在の状態です:
すべての目標は、Work Layer 内に従業員をドラッグ アンド ドロップすることです。たとえば、私の作業レイヤー内の「Haris Bjelic」(「WL from 01.06 - 04.06」と表示)。
それから、"Haris Bjelic" は 01.06 から 04.06 まで (休憩なしで) 働く必要があることを知っています。最初に、他のイベント内にイベントを追加できる機能を見つけようとしました。この場合、最初に「Work Layer from 01.06. - 04.06' このレイヤーで従業員をドラッグ アンド ドロップして、勤務時間を計画します。
スケジューラーの左側に私の部門 (バー、サービスなど) が表示されます。右側には次の日が表示されます。
現時点で私はこの機能を試しました:
したがって、「haris bjelic」を「WL from 01.06 - 04.06」にドラッグ アンド ドロップすると、両方のイベントが重複していれば、両方のイベントにアクセスできます。そこで、「ドラッグ可能な」イベントの ID と「WL from 01.06 - 04.06」の ID を取得して、これをデータベースの関係に設定しようとしました。
それができたら、作業レイヤーの「タイトル」に従業員名を追加したいと思います。「Haris Bjelic」と他の従業員を「WL from 01.06 - 04.06」にドラッグ アンド ドロップすると、結果は次のようになります。
eventOverlap関数を使用すると、両方のイベントにアクセスできます。現在、"haris bjelic" を別のイベントにドラッグしていて、オーバーラップ機能がトリガーされたときに、Work Layer のタイトルを変更したいと考えています。
eventOverlap 内でこれを試しました:
テキストだけを変更する代わりに、新しいイベントを作成しました!
ここを参照してください:
updateEvent が古いイベントを更新するのではなく、新しいイベントを作成するのはなぜですか? updateEvent 関数に stillEvent を入れました。