jquery calendar

Question

最近、2つのリンクされたカレンダーを呼び出すモックアップを受け取りました。誰かがjqueryを使用してこれをどのように達成するかについての出発点があるのだろうかと思いました。左側のカレンダーはjquery UIの簡単な日付ピッカーですが、右のものから始める場所はわかりません。何か案は？ありがとうございました！

www.jontakiff.com/calendar/calendar.html

Answer 1

Googleカレンダーのような完全なカレンダーを生成するいくつかのjQueryのプラグインがあります。たとえば、FullCalendarがその1つです。

jQueryウェブサイトにはlist of calendar pluginsがあります（実際にはカレンダーでタグ付けされたプラグインのリストですが、まだ保持されています）。

Answer 2

これは、あなたが欲しいもののようになります。

http://arshaw.com/fullcalendar/

あなたは、起動時に週モードにビューを変更する.fullCalendar('changeView', viewName)を使用することができます。小さな暦でカレンダーの日付をクリックすると日付が設定されます。.fullCalendar('gotoDate', year [, month, [ date ]])

headerプロパティを使用して、他のカレンダービューのボタンを追加または削除できます（週表示のみが必要な場合）。

Answer 3

私は、2番目のカレンダーが何であるかはわかりませんが、これは2つのカレンダーをリンクする方法です。

$('.cal').datepicker({ 
    onSelect: function(dateText, inst) { 
     // set the date of the second calendar to this date. 
    } 
});