2012-02-23 15 views
2

の範囲を制限する方法(私は、コード内で変更することが必要)のみを表示する(ユーザーがボタンを使用して)ビューの範囲を限定する:FullCalendar -

週表示に - 実際のみを週前と次週への道なし

日表示 - 実際の日と実際の週からの日数(前と次のボタン)を表示する方法。

(月ビューで - 私はこのビューを使用いけない、月ボタンなし(私は)月のボタンを排除する方法を知っている)

週ビューから(前/次)ボタンを削除するには?

この実際の週から実際の週表示と日数(日表示)のみを使用します。

ps。 は、多分それは役立ちます - 私は2つの追加(PHPのタイムゾーン]セクションから)の変数ました:

$日付1を - それは実際の週の最初の日(日)です(月曜日)

$ date7 - それは最後の日です(日曜日)

答えて

2

previosと次のボタンを隠すために、クラスやIDでエレメントを隠すためにjQueriesを使用することができます。

$('.fc-button-prev, .fc-button-next').hide(); 

とちょうど移入、ドロップダウンmeneuを使用して日付を変更するにはfollowing methods

header: { 
     left: 'today', 
     center: 'prev,title,next', 
     right: 'month,basicDay' 
    }, 

であなたのfulclalendarを構築し、あなたは常にそれらを表示直すことができますが、あなたはそれを使用したくない場合は、この方法

は、例えば、私のPHPは

"<option <?php echo 'value=\'' . $date1 . '\'>' . $date1; ?> - Monday</option>" + 
この..(部分的にしかコードを、しかし例えば)書き込み、サーバーのPHPの側から、あなたが望む方法を選択

結果のHTMLは次のようになります。この

<option value="2012-02-27">2012-02-27 - Monday</option> 

再度のjQueryのパワー...あなたの助けを

 $('#myDateSelector').change(function() { 
      var selectedText = $('#myDateSelector option:selected').text(); //Gets the TEXT 
      var selectedValue = $('#myDateSelector option:selected').val(); //gets the Value='abc' 

      var selectedDate = new Date(selectedValue); 
      $('#calendar').fullCalendar('gotoDate',selectedDate); 
     }); 

Another answer of mine show more complex code on how to control fullcalendar, but it uses ASP server tags not PHP.. the JavaScript is still the same logic though.

+1

thnkを使用:) – Andrew